The Three Main Color Formats
- HEX (#RRGGBB): 6-digit hexadecimal code used in CSS, HTML and design tools. Each pair represents Red, Green, Blue intensity (00–FF). Example: #7c3aed
- RGB (r, g, b): Three integers 0–255 for Red, Green, Blue. The additive colour model used by screens. Example: rgb(124, 58, 237)
- HSL (h, s%, l%): Hue (0–360°), Saturation (0–100%) and Lightness (0–100%). Most intuitive for humans — adjust lightness and saturation independently. Example: hsl(263, 82%, 58%)
Hex to RGB Conversion
HEX → RGB Formula#RRGGBB → R = hex(RR), G = hex(GG), B = hex(BB)
Example: #7c3aed
R = 0x7c = 124 · G = 0x3a = 58 · B = 0xed = 237
Example: #7c3aed
R = 0x7c = 124 · G = 0x3a = 58 · B = 0xed = 237
Web Designer Reference
| Colour | HEX | RGB |
|---|---|---|
| White | #ffffff | rgb(255,255,255) |
| Black | #000000 | rgb(0,0,0) |
| Red | #ef4444 | rgb(239,68,68) |
| Green | #22c55e | rgb(34,197,94) |
| Blue | #3b82f6 | rgb(59,130,246) |
| Violet (our accent) | #7c3aed | rgb(124,58,237) |
Frequently Asked Questions
We support bidirectional conversions between Hexadecimal (HEX), Red-Green-Blue (RGB), and Hue-Saturation-Lightness (HSL) color spaces.
Yes. You can use the native browser color picker to select colors visually, and the converter will update all text values automatically.
The tool generates properly formatted CSS code strings (e.g., rgb(124, 58, 237)) that you can copy and paste directly into your stylesheets.
🎨 Convert any color code with a live preview — HEX, RGB, HSL
Open Color Converter →Your calculations stay private — your browsing should too
NordVPN encrypts your internet traffic and hides your IP. 67% off today.
color converterhex to rgbrgb to hexhex to hslcolor code converterCSS color calculatorweb color pickerHEX color codes