Color Converter

Convert a color between HEX, RGB, HSL and OKLCH and check its contrast

Color

Enter a CSS color: hex, rgb(), hsl(), hwb(), lab(), oklch() or a name.

Results are in sRGB: wider-gamut colors (display-p3, vivid oklch) are clipped to it.

Formats

Contrast

Background

Enter a CSS color.

Large text, 18pt or 14pt bold

Normal text: the quick brown fox jumps over the lazy dog.

Contrast ratio

WCAG 2 thresholds. A translucent text color is blended over the background first.