#c9361c

Colour picker and converter

Choose a colour, type a HEX code, pick a pixel from any image, or use the eyedropper on your screen (in Chrome and Edge). Toola shows every common colour format, checks WCAG contrast against white and black, and builds a row of tints and shades.

Private: your files never leave your device.

Pick a colourHEX value

Pick from an image

Colour codes

HEX#c9361c
RGBrgb(201, 54, 28)
HSLhsl(9, 76%, 45%)
OKLCHoklch(55.5% 0.188 32.3)
CMYKcmyk(0%, 73%, 86%, 21%)

Contrast

Text on white

5.21:1 · AA Pass · AAA Fail

Text on black

4.03:1 · AA Fail · AAA Fail

Tints and shades

How to use Color picker

Step 1: Pick a colour, paste a HEX code or upload an image and click a pixel.
Step 2: Copy the HEX, RGB, HSL, OKLCH or CMYK value you need.
Step 3: Check contrast and click a tint or shade to explore variations.

Frequently asked questions

What contrast do I need for accessible text?

WCAG AA asks for at least 4.5:1 for normal text (3:1 for large text); AAA asks for 7:1. Toola shows both results for white and black backgrounds.

Can I pick a colour from my screen?

Yes, in Chrome, Edge and Opera on desktop, using the “Pick from screen” button. In other browsers, upload a screenshot and click the pixel.

Is my image uploaded?

No. The image is opened in your browser only to read pixel colours.