Color Converter

Convert colors between HEX, RGB and HSL live, pick from a color wheel, check WCAG AA/AAA contrast for accessibility, and generate matching shades & tints. Free color tool, all in-browser.

HEX
RGB
HSL

Accessibility contrast

Aa

2.84 · Fail on white

Aa

7.39 · AAA on black

Shades

Tints

How to use the Color Converter

  1. 1

    Pick a color, or type a HEX, RGB or HSL value — the others update instantly.

  2. 2

    Check the contrast panel for accessibility (AA/AAA on white and black).

  3. 3

    Copy ready-made shades and tints for your palette.

  4. 4

    Hit shuffle for instant inspiration.

Frequently asked questions

What does the contrast checker tell me?

It shows the WCAG contrast ratio of your color against white and black, and whether it passes AA (4.5) or AAA (7) for readable text.

Can I get a palette?

Yes — the tool auto-generates 5 shades (darker) and 5 tints (lighter) you can copy with a click.

Which formats are supported?

HEX (#RRGGBB or #RGB), RGB and HSL, all kept in sync.

Tips & discussion

Share a trick, ask a question, or help others get more out of this tool.

Log in to share a tip or ask a question.

Loading tips…