Color Picker & Palette

Pick a colour, convert HEX/RGB/HSL, generate shades, tints and harmony palettes, and check WCAG contrast.

  • Free, no limits
  • Runs in your browser
  • No sign-up

Loading tool…

How to use the Color Picker & Palette

  1. Pick a colour or type a HEX code.
  2. Copy HEX, RGB or HSL values.
  3. Use the generated palette and check text contrast.

Frequently asked questions

What contrast ratio do I need?

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

Can I pick from the screen?

In Chrome/Edge the eyedropper button lets you pick any pixel on screen.

Is anything uploaded?

No. Everything runs inside your browser. Your files and text never leave your device and nothing is stored on our servers.

Related tools

All 96 free tools More developer tools