Nightroll

Free Colour Converter & Contrast Checker

Type or pick a colour to convert it, and check contrast for readable text.

Contrast checker

Large text sampleNormal text sample: the quick brown fox jumps over the lazy dog.

Accepts #hex, rgb(), hsl() and oklch().

How to make a colour check

  1. Type a colour in any format, or use the picker.
  2. Copy it as HEX, RGB, HSL or OKLCH.
  3. Check a text colour against a background for WCAG contrast.

Frequently asked questions

What contrast do I need?
WCAG AA asks for 4.5:1 for normal text and 3:1 for large text and interface parts. AAA asks for 7:1 and 4.5:1.
Is my data stored?
No. Everything happens in your browser and your inputs are saved only on this device.