Enter CMYK Values
Input or choose CMYK values
See Results
View HSL and other formats
Copy or Use
Copy, save, or reuse your color
Choose a color visually, use sliders, or paste a value.
Quick Presets
hsl(9, 100%, 64%)
tomato
PreviewOriginal
rgb(255, 99, 71)
Lighten 20%
rgb(255, 130, 108)
Darken 20%
rgb(204, 79, 57)
Complementary
rgb(71, 227, 255)
Aa
With White Text
Aa
With Black Text
Other Formats
Color Palette
Did you know?
You can pick a color from your screen in browsers that support the EyeDropper API.
Take a printed CMYK reference and bring it into a CSS-friendly HSL form so you can fine-tune hue or lightness in a stylesheet. The tool runs CMYK through sRGB before computing HSL, which means the same gamut caveats apply as with any direct CMYK to web conversion.
After conversion, try nudging lightness in 5 percent steps to build accessible variants of the brand color without losing the original hue identity.
Need more notations? Open the Color Converter for HEX, RGB, HSL, LAB, OKLAB, and OKLCH, or use the Color Contrast Checker to validate foreground/background pairs before shipping.
No. It is a standard sRGB-side approximation intended for quick web previews.
Yes. Inputs like cmyk(20%, 50%, 0%, 10%) and 20, 50, 0, 10 produce the same HSL output.
Heavy ink coverage absorbs more light, so the corresponding sRGB color is dark and HSL lightness drops accordingly.