HEX ↔ RGB Color Converter

What is HEX and RGB color coding?

RGB is an additive color model used on screens. A color is mixed from three light channels: red (R), green (G), and blue (B). Higher channel values mean stronger light in that channel.

In typical CSS notation each channel is an integer from 0 to 255 (8 bits per channel). Zero means no light in that channel; 255 means full intensity.

• rgb(255, 0, 0) — red
• rgb(0, 255, 0) — green
• rgb(0, 0, 255) — blue
• rgb(0, 0, 0) — black (no light)
• rgb(255, 255, 255) — white (all channels full)

HEX is another notation for the same values. Instead of three decimal numbers you use a hexadecimal string in the form #RRGGBB:

• RR — red
• GG — green
• BB — blue

Each pair is one 0–255 number written in hex (digits 0–9 and letters A–F). So #FF0000 is the same color as rgb(255, 0, 0).

How do I convert HEX to RGB?

Manual HEX → RGB conversion works like this:

1. Remove the leading # if present (e.g. #4CAF50 → 4CAF50).
2. Split the six characters into three pairs: RR, GG, BB.
3. Convert each pair from hexadecimal to decimal.
4. Write the result as rgb(r, g, b).

A useful rule for one hex pair:

decimal value = 16 × first digit + second digit

Where A=10, B=11, C=12, D=13, E=14, F=15. Example: 4C → 16 × 4 + 12 = 76.

The other way (RGB → HEX): convert each 0–255 channel to a two-digit hex value and join them as #RRGGBB. This calculator performs both directions when you click Calculate.

Example of converting HEX to RGB

Take the color #4CAF50.

The reverse is the same values: 76, 175, 80 → #4CAF50.

How to use this HEX ↔ RGB color converter

1. Choose the direction with Convert from: — HEX or RGB.
2. If HEX is the source, enter a color (#RRGGBB, RRGGBB, or shorthand #RGB). The R, G, B fields are then read-only outputs.
3. If RGB is the source, enter three integers from 0 to 255. The HEX field is then read-only.
4. Click Calculate. Results appear only after submit — there is no live recalculation while typing.
5. In the results panel you get normalized HEX (uppercase with #), rgb(r, g, b), separate channels, a color preview, a CSS snippet, and Copy buttons.

Switching the source clears the previous result — click Calculate again after changing direction.

What is HEX shorthand notation?

Shorthand #RGB works only when both digits of each full pair are identical. Then one character per channel is enough:

• #FFF = #FFFFFF (white)
• #000 = #000000 (black)
• #F00 = #FF0000 (red)

Expansion duplicates each character: F → FF, 0 → 00.

This calculator accepts HEX shorthand and expands it to full #RRGGBB before conversion. When you enter shorthand, the results area also shows a short expansion note.

Manual conversion cheat sheet

• HEX → RGB: drop # → three pairs → each pair to decimal → rgb(r, g, b)
• RGB → HEX: each channel to 2-digit hex → join → add #
• Hex digits: 0–9, A=10 … F=15
• Pair formula: 16 × first + second

Examples

Related calculators

All IT calculators