Skip to content
FreeToolConvert

Color Picker

Pick a colour and convert it between HEX, RGB, HSL, HSV and CMYK, see tints and shades, check WCAG contrast, or pick colours from an image or your screen.

In-browser · no upload

Tints and shades

Contrast (WCAG)

On white text
On black text

Runs entirely in your browser. Your files and text are not uploaded to our servers.

To find a colour code, use the picker or type a HEX value. The tool shows the colour in HEX, RGB, HSL, HSV and CMYK — click any row to copy it. Upload an image and click on it to pick a colour from the picture, or use “Pick from screen” in supported browsers.

How to use the Color Picker

  1. 1

    Choose a colour

    Picker, HEX input, image or screen eyedropper.

  2. 2

    Copy the format you need

    Click a row to copy.

  3. 3

    Check contrast

    See whether text on white or black meets WCAG AA or AAA.

Features

  • Five formats

    HEX, RGB, HSL, HSV, CMYK.

  • Tints and shades

    A 9-step scale from light to dark.

  • WCAG contrast

    Ratios against white and black.

  • Pick from images

    Runs locally on your device.

Privacy and file handling

Where it runs
Runs in your browser

Runs entirely in your browser. Your files and text are not uploaded to our servers.

Limitations

  • CMYK values are a mathematical conversion; printed colours depend on the printer profile.
  • Screen eyedropper works in Chromium browsers (Chrome, Edge).

Frequently asked questions

What contrast ratio do I need for text?

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

How do I convert HEX to RGB?

Type the HEX code; the RGB value appears immediately below.

Was this tool helpful?

Thanks for the feedback.

Last reviewed