Developer Tools
HEX to RGB
Convert hex color codes to RGB format with instant HSL breakdown.
RGB
rgb(214, 74, 38)
HSL: 12°, 70%, 49%
Red214
Green74
Blue38
Hue12°
Saturation70%
Lightness49%
Developer Tools
Convert hex color codes to RGB format with instant HSL breakdown.
RGB
rgb(214, 74, 38)
HSL: 12°, 70%, 49%
HEX (hexadecimal) and RGB are two ways to express the same color digitally. HEX uses six characters (0-9, A-F) to represent a single colour (e.g. #FF5733), while RGB breaks that colour into three separate values for red, green, and blue intensity on a scale of 0-255. Converting HEX to RGB lets you use colour codes across different platforms—CSS stylesheets often work with RGB, while design tools like Figma export HEX.
The converter reads your HEX code and splits it into three pairs of characters. The first pair represents red intensity, the second represents green, and the third represents blue. Each pair is a hexadecimal number (base-16) that translates to a decimal number (base-10) between 0 and 255. For example, FF (the maximum in hex) becomes 255 in decimal, while 00 (zero in hex) becomes 0 in decimal. The result is your RGB triplet (R, G, B).
R = HEX[0:2] to decimal, G = HEX[2:4] to decimal, B = HEX[4:6] to decimalHEX[0:2] means characters 1–2 of the hex code, converted from base-16 to base-10. The same process repeats for characters 3–4 (green) and 5–6 (blue). For #FF5733: FF (hex) = 255 (dec) for red, 57 (hex) = 87 (dec) for green, 33 (hex) = 51 (dec) for blue.
| Input | Result | Notes |
|---|---|---|
| #FF5733 | RGB(255, 87, 51) | A warm orange. Often used for calls-to-action and alert badges. |
| #1E90FF | RGB(30, 144, 255) | A bright dodger blue. Popular for links and interactive elements. |
| #2ECC71 | RGB(46, 204, 113) | A fresh green. Commonly used for success states and confirmation buttons. |
Both represent the same colour. HEX is compact (6 characters plus #), while RGB is explicit (three numbers 0-255). HEX is common in design tools; RGB is native to CSS and web standards.
Yes. Our RGB to HEX converter does the reverse—enter your RGB values and get the HEX code. It's useful when you start with CSS and need to share the colour with a designer.
Standard HEX (#RRGGBB) does not. However, 8-digit HEX (#RRGGBBAA) adds an alpha channel. RGB uses rgba() for transparency in CSS.
Screen calibration, lighting, and browser rendering differences affect how colours appear. Always test on the device and in the environment where the design will be used.
Shorthand condenses each pair of characters into one: #F57 is equivalent to #FF5577. Use it only when both digits in each pair are identical (e.g. #FF, #55, #77 become #F, #5, #7).
Yes. Web safe colours are a historical standard (216 colours). Modern web supports the full 16 million colour spectrum, so this converter works for any valid HEX code.