🎨 Color Converter
Paste a color in any format — #1d87f1, rgb(29,135,241) or hsl(210,88%,53%) — and read it in every format at once.
How the color converter works
The input is parsed from HEX (3 or 6 digits), RGB or HSL notation, then converted with the standard formulas: RGB↔HEX is base-16 notation of the same three 0–255 channels; HSL re-expresses them as hue (0–360°), saturation and lightness; CMYK approximates the ink mix for print (screen-to-print conversion is device-dependent — treat CMYK values as a starting point, not press-proof).
HEX and RGB are the same numbers in different clothes — #1d87f1 is just rgb(29, 135, 241) written in hexadecimal. HSL is the designer-friendly view: want a darker variant? Lower L. A less intense one? Lower S. Same color model, three dialects.
Frequently asked questions
What is the difference between HEX and RGB?
Notation only — both express the same red/green/blue channels 0–255. #ff6600 is rgb(255, 102, 0): ff = 255, 66 = 102, 00 = 0.
When should I use HSL instead?
When adjusting colors: HSL separates hue from saturation and lightness, so "20% darker" is just L − 20. CSS supports hsl() everywhere modern browsers run.
Why does my CMYK print look different from screen?
Screens emit light (RGB); print reflects it through ink (CMYK) — the gamuts differ, and exact results depend on printer profiles. The formula conversion here is the standard approximation; for brand-critical print, use ICC profiles in design software.
What is a 3-digit HEX like #fa0?
Shorthand where each digit doubles: #fa0 = #ffaa00. The converter accepts both.
Is my color data private?
Yes — parsing and conversion run in your browser; nothing is transmitted.
Related color tools
From the blog
-
Brand Colors: The Exact Hex Codes of Famous Brands — and How to Use Them Legally
Netflix red is #e50914, Spotify green #1db954, Tiffany blue #0abab5. Where to find the exact hex codes of 1,100+ brands, why colors themselves aren't owned, and where using a brand's palette crosses from normal design practice into trademark trouble.
-
HEX, RGB, HSL and CMYK: CSS Color Formats Explained (With Conversion Math)
#1d87f1 = rgb(29, 135, 241) = hsl(210, 88%, 53%) — the same color in three dialects. How each format works, when to use which, the manual conversion math, and why CMYK never quite matches.