Skip to content

All tools

Color picker

Pick colours and copy HEX, RGB or HSL.

Choose a colour

Colour (HEX, RGB or HSL)

Pick from an image

Lighter and darker

Text contrast (WCAG)

Images stay on your device.

Next step:JSON formatter Base64 encode / decode URL encode / decode Hash generator Regex tester Color palette

How to pick a colour

Click the big colour square to open your device’s colour picker.
Type a colour in HEX, RGB or HSL.
Press Pick from screen (Chrome and Edge) to grab any colour you can see.
Press Pick from an image, then click a spot in your photo or logo.

Copy the colour as HEX, RGB, HSL, HSV or CMYK. Click a lighter or darker shade to switch to it.

Contrast

The contrast boxes show whether white or black text is readable on your colour. 4.5:1 or more passes the WCAG AA standard for normal text.