Skip to content

Color & Contrast

Paste any CSS color, including hex, rgb(), hsl(), or a named color, and read it back as HEX, RGB, HSL, and OKLCH. Generate a tint-and-shade ramp and check foreground/background pairs against WCAG contrast thresholds.

Parsing uses your browser's own CSS engine, so every format it understands works here. Nothing leaves your machine.

Loading color tools...

Why this exists

Color conversion sites usually want to load a tracker before they show you a hex value. This one runs entirely client-side: the OKLCH math is the standard sRGB → linear → LMS → OKLab pipeline, and the contrast ratios use the exact WCAG 2.x relative-luminance formula. No accounts, no network, no surprises.