Tools
?
Tools › Everyday

Color converter and contrast checker

Convert colors between HEX, RGB and HSL, and check whether text and background colors have enough contrast for WCAG AA and AAA.

Private by design: everything is processed on your device. Nothing you add is uploaded or stored.

How to use it

  1. Pick or type a text color and a background color.
  2. Read the contrast ratio and WCAG results.
  3. Copy the color values.

Questions

What ratio do I need?

AA needs 4.5:1 for normal text and 3:1 for large text; AAA needs 7:1 and 4.5:1.

Related tools