Color Converter
Convert colors between HEX, RGB, HSL and CMYK formats with a live preview — handy for CSS, design tools and print work.
How to use
- Pick a color or paste a HEX code.
- Read the equivalent values in RGB, HSL and CMYK.
- Click any value to copy it to the clipboard.
Frequently asked questions
When should I use CMYK?
CMYK is used for print, where colors are made by layering cyan, magenta, yellow and black ink. Screens use RGB — expect small differences between the two.
What is HSL good for?
HSL (hue, saturation, lightness) matches how humans think about color, making it easy to create lighter or darker shades of the same hue in CSS.
Why does my printed color look different?
Screens mix light (RGB) while printers mix ink (CMYK), and each has a different color range. For critical print work, ask your printer for a proof before the full run.
What is a good accessible contrast ratio?
WCAG guidelines recommend at least 4.5:1 between text and background for normal text. Convert your colors to HSL and adjust lightness until the contrast passes.