About the Color Converter
Different tools speak different color languages. CSS commonly uses HEX and RGB, designers often think in HSL or HSV/HSB (used by Photoshop and Figma), and printers work with CMYK. The Color Converter translates between all of them instantly.
Type a value in any field, such as #ff5733, rgb(255, 87, 51), hsl(11, 100%, 60%) or cmyk(0%, 66%, 80%, 0%), and all other formats update immediately along with a large color preview. Short hex codes like #f53 are expanded automatically. Note that CMYK values are a mathematical approximation; for professional printing, always use your printer's color profile.
How to use the Color Converter
- Type a color in any format (HEX, RGB, HSL, HSV or CMYK), or use the color picker.
- All other formats update automatically.
- Check the large preview swatch.
- Click Copy next to the format you need.
Frequently asked questions
How do I convert HEX to RGB?
Type or paste the HEX code into the HEX field and the RGB value appears instantly in the RGB field.
What is the difference between HSL and HSV?
Both use hue and saturation. HSL uses lightness, where 100% is always white, while HSV uses value (brightness), where 100% is the purest version of the color.
Why does my printed color look different?
Screens use light (RGB) and printers use ink (CMYK), which can reproduce fewer colors. Converted CMYK values are an approximation.