Free Color Converter, Contrast Checker & Palette Tool

Convert HEX, RGB and HSL, check WCAG contrast and build shades and palettes. Everything runs in your browser.

Color converter (HEX, RGB, HSL)

#3B82F6

rgb(59, 130, 246)

hsl(217, 91%, 60%)

Contrast checker (WCAG)

Text color (uses the color above)Background color

Sample heading

The quick brown fox jumps over the lazy dog.

3.68:1

AA normal text (4.5)Fail
AA large text (3)Pass
AAA normal text (7)Fail
AAA large text (4.5)Fail

Shades & palettes

Shade scale (light to dark)

Complementary

Analogous

Triadic

Split complementary

How to use it

Pick a color or type a HEX, rgb() or hsl() value.
Copy the format you need.
Enter a background color to check text contrast, or click a swatch to explore shades and palettes.

Frequently asked questions

How do I convert HEX to RGB or HSL?

Type or pick a color. HEX, RGB and HSL values appear together and each can be copied.

What is a good contrast ratio?

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

What are complementary and analogous colors?

Complementary colors sit opposite on the color wheel; analogous colors sit next to each other. Both are generated from your base color.

Can I enter colors in different formats?

Yes. Use #hex (3 or 6 digits), rgb(r, g, b) or hsl(h, s%, l%).

Is anything uploaded?

No. The tool runs fully in your browser.

Productivity tools