Color Converter

Convert colors between HEX, RGB and HSL and check WCAG contrast against white and black.

🔒 Runs entirely on your device. Nothing you paste or pick is uploaded.

Aa on whiteAa on black
HEX
RGB
HSL
Contrast vs white
Contrast vs black

HEX, RGB and HSL explained

  • HEX (#4f46e5) — red, green and blue as two hex digits each. The most common format in CSS and design tools.
  • RGB (rgb(79 70 229)) — the same channels as numbers from 0 to 255.
  • HSL (hsl(243 75% 59%)) — hue, saturation and lightness. Easiest for making lighter or darker shades by hand.

What contrast ratio do I need?

WCAG accessibility guidelines ask for at least 4.5:1 for normal text (AA), 3:1for large text, and 7:1 for the stricter AAA level.

More free tools

🖼NewImage CompressorShrink and convert photos to WebP, JPEG or PNG.▦NewQR Code GeneratorMake QR codes for links, Wi-Fi and text.🤖NewAI Token EstimatorEstimate prompt tokens and cost for LLMs.