🎨 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
Exact brand color hex codes, Netflix #e50914, Spotify #1db954, Tiffany #0abab5, for 1,100+ brands, plus when using a brand's palette is legal.
-
HEX, RGB, HSL and CMYK: CSS Color Formats Explained (With Conversion Math)
HEX, RGB and HSL are one color in three dialects, how each CSS format works, when to use which, the conversion math, and why CMYK never quite matches.