TK

Color Tools

Convert and verify color

Color math that runs in your browser. Convert between hex, RGB, HSL, and OKLCH; verify contrast against WCAG thresholds.

No upload Browser-only

Color Converter

Convert between hex, rgb(), hsl(), and oklch() with a live preview swatch and native color picker.

Open

WCAG Contrast Checker

Check foreground/background contrast against WCAG 2.1 AA and AAA thresholds for normal text, large text, and UI components.

Open

Frequently asked questions

What color formats are supported?
hex, rgb(), hsl(), and oklch() — both the modern space-separated and the legacy comma-separated syntaxes.
What is OKLCH?
A perceptually uniform color space with Lightness, Chroma, and Hue axes. It produces more consistent gradients and palettes than HSL because equal numeric steps look like equal visual steps.
How is contrast calculated?
Per WCAG 2.1: relative luminance is computed for each color, then the ratio is (lighter + 0.05) / (darker + 0.05). The result ranges from 1:1 (identical) to 21:1 (white on black).
Which thresholds matter for accessibility?
AA Normal text needs ≥ 4.5; AA Large text and UI components need ≥ 3. AAA raises those to ≥ 7 and ≥ 4.5. Aim for AA at minimum on production sites.
Are my color values sent anywhere?
No. Conversion and contrast math run locally; nothing leaves your browser.