RGB to HEX Converter
Convert RGB color values to a hex code instantly. Paste rgb(59, 130, 246) or three numbers and copy the hex.
The formula
Convert each channel (0–255) to a two-digit base-16 number and join them: 59 → 3B, 130 → 82, 246 → F6 → #3B82F6. Values below 16 get a leading zero (10 → 0A).
Common colors
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| #000000 | rgb(0, 0, 0) | hsl(0 0% 0%) | oklch(0% 0 0) | |
| #FFFFFF | rgb(255, 255, 255) | hsl(0 0% 100%) | oklch(100% 0 0) | |
| #FF0000 | rgb(255, 0, 0) | hsl(0 100% 50%) | oklch(62.8% 0.258 29.2) | |
| #00FF00 | rgb(0, 255, 0) | hsl(120 100% 50%) | oklch(86.6% 0.295 142.5) | |
| #0000FF | rgb(0, 0, 255) | hsl(240 100% 50%) | oklch(45.2% 0.313 264.1) | |
| #FFFF00 | rgb(255, 255, 0) | hsl(60 100% 50%) | oklch(96.8% 0.211 109.8) | |
| #00FFFF | rgb(0, 255, 255) | hsl(180 100% 50%) | oklch(90.5% 0.155 194.8) | |
| #FF00FF | rgb(255, 0, 255) | hsl(300 100% 50%) | oklch(70.2% 0.322 328.4) | |
| #808080 | rgb(128, 128, 128) | hsl(0 0% 50%) | oklch(60% 0 0) | |
| #FFA500 | rgb(255, 165, 0) | hsl(39 100% 50%) | oklch(79.3% 0.171 70.7) | |
| #800080 | rgb(128, 0, 128) | hsl(300 100% 25%) | oklch(42.1% 0.193 328.4) | |
| #008080 | rgb(0, 128, 128) | hsl(180 100% 25%) | oklch(54.3% 0.093 194.8) |
Frequently asked questions
How do I convert RGB to hex?
Divide each channel by 16: the quotient is the first hex digit, the remainder the second (10–15 become A–F). Join the three pairs after a #.
Is hex or RGB better for CSS?
They describe exactly the same sRGB colors. Hex is compact; rgb() is easier to read and supports an alpha value with a slash, e.g. rgb(59 130 246 / 50%).
More converters: HEX to RGB · HEX to RGBA · HEX to HSL · HSL to HEX · RGB to HSL · HEX to OKLCH · All formats at once