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) |
🎨 Convert any color code with a live preview — HEX, RGB, HSL
Open Color Converter →color converterhex to rgbrgb to hexhex to hslcolor code converterCSS color calculatorweb color pickerHEX color codes