Every color format. Including oklch.
Enter a color in any format and get all four instantly. Name it, copy a CSS custom property, and build a session palette — all in your browser.
Runs locally. Nothing is sent anywhere. No tracking, no account, no server.
Eyedrop
Why oklch?
HEX, RGB, and HSL are all built on sRGB — a display standard from the 1990s. oklch() is a perceptually uniform color space: equal steps in lightness look equally different to your eye. It's also the native language of the modern CSS Color 4 spec, and it can describe colors outside the sRGB gamut that wide-gamut displays can show.
CSS custom properties
The variable namer generates a ready-to-paste CSS declaration using oklch — the most precise format. Paste it into :root { } and reference it anywhere with var(--your-name). oklch values round-trip through the converter without rounding errors, making it the best format to store as a variable.
The palette & oklch conversion
The session palette stores colors in memory — nothing is written to disk or localStorage. Export generates a complete :root { } block with numbered oklch variables, ready to drop into your stylesheet. Note: oklch conversion from sRGB uses an approximation — values are accurate to 2–3 decimal places, matching real-world CSS usage.