Frequently asked questions
What is the difference between HEX, RGB, HSL, and OKLCH?
HEX and RGB describe a color by its red, green, and blue channels — compact and universal, but not aligned to how we see. HSL adds hue, saturation, and lightness, which reads more intuitively, but its lightness is not perceptual: a 50% blue looks much darker than a 50% yellow. OKLCH is a modern, perceptually-uniform space — its lightness matches human perception, hue stays put as you change lightness, and equal numeric steps look equally different. This converter shows all four at once so you can move between them.
How do I convert a HEX color to OKLCH, or back?
Paste any value — hex, rgb(), hsl(), or oklch() — into the input, or drag the lightness, chroma, and hue sliders. Every other format updates instantly. There is no convert button: the conversion is live and runs entirely in your browser.
Why does the HEX value differ from my OKLCH color?
OKLCH can describe colors more vivid than sRGB can show. The oklch() and Display-P3 outputs keep your exact, vivid color, but the HEX, RGB, and HSL outputs show the closest sRGB-displayable fallback — chroma reduced just enough to fit, with hue and lightness preserved (never RGB-clipped, which would shift the hue). When that happens, the converter flags it and shows the fallback hex.
Can I pick a color from my screen?
Yes, in Chromium-based browsers such as Chrome, Edge, and Arc: use the eyedropper button to sample any pixel on screen. In browsers without the EyeDropper API the button is hidden — paste a value instead.
Is my color shareable?
Every color is encoded in the page URL, in the location hash as L,C,H,A, so the link in your address bar always points at the exact color you are viewing. Copy it to share or bookmark a color — nothing is uploaded.
