>_
RGB

Color Converter

Convert colors between HEX, RGB, HSL and OKLCH with a live preview and WCAG contrast check against black and white text.

Runs locally — your input never leaves this page.

hex
rgb
hsl
oklch

Contrast

Sample text

on white

Sample text

on black

How to use

  1. Type a color in any format — #10b981, rgb(16 185 129), hsl(160 84% 39%) or oklch(...) — or use the picker.
  2. All other formats update instantly and can be copied as ready-to-use CSS.
  3. The contrast panel shows the WCAG contrast ratio against white and black text.

FAQ

What is OKLCH and why use it?

OKLCH is a perceptually uniform color space supported in modern CSS. Changing lightness keeps the hue looking the same, which makes it ideal for building color palettes and themes.

What contrast ratio do I need?

WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text.

Report a bug or suggest a feature →