Home › Developer

Color Converter

Convert between HEX, RGB and HSL, explore shades and check readability.

Aa White text
Aa Black text
Contrast with white
—
Contrast with black
—

Colour formats explained

  • HEX — #5b4dff: red, green and blue as two hexadecimal digits each. The most common format in CSS and design tools.
  • RGB — rgb(91, 77, 255): red, green and blue from 0 to 255.
  • HSL — hsl(245, 100%, 65%): hue (0–360°), saturation and lightness. Easiest for making lighter or darker versions of a colour.

What is a good contrast ratio?

WCAG accessibility guidelines recommend a contrast ratio of at least 4.5:1 for normal text (AA) and 3:1 for large text. 7:1 meets the stricter AAA level. Low-contrast text is hard to read, especially on phones in sunlight.

Related tools