Multi-Format Color Converter

A color is a single physical thing, but every discipline that touches it speaks a different dialect. The web grew up on HEX and RGB because they map directly to how a screen drives its red, green and blue sub-pixels; HSL arrived to make hand-tweaking intuitive — spin the hue, pull the saturation. The catch is that HSL's lightness is a crude average, not a model of vision, so a yellow and a blue at the same "50% L" look nothing alike in brightness. That gap is exactly why this tool always shows the real WCAG luminance alongside.

Print speaks a different language entirely. CMYK is subtractive — ink removes light from white paper — and its gamut is smaller than the screen's, so the most electric cyans and greens simply cannot be reproduced and shift toward duller neighbours. The conversion here is the standard reference transform, but true print fidelity lives in ICC profiles tied to a specific paper and press; treat the CMYK numbers as a planning aid, then proof.

When the question becomes "how different are these two colors, really?" — for brand tolerances, color matching, or detecting drift — you need a perceptually-uniform space. CIE L*a*b* and its cylindrical sibling LCH were built so that equal numeric distances correspond to roughly equal visible differences, which is why ΔE color-difference and professional matching are defined there. OKLCH is the modern refinement: the same perceptual promise, better behaved, and now native to CSS, where it produces gradients without muddy gray midpoints and lets you generate a whole tint-and-shade scale just by stepping lightness.

That is the workflow this instrument is built for: choose once, read everywhere, and let the deep-analysis panel answer the two questions a color actually has to pass in production — is there enough contrast for text, and what does an even scale of it look like. Need a perceptually-even palette next? Build it in the Color Scale Generator, and verify text pairs in the Accessibility Checker.