DESIGN TOOLS

Colour Picker

Pick colours from an image and copy their HEX, RGB and HSL values.

or drag an image here

Colour Picker settings

ColourChoose colour

#2169F5
rgb(33, 105, 245)
hsl(220, 91%, 55%)

01
Choose a starting point
Use the example settings, enter your values or select an image where supported.
02
Adjust and review
Choose an image and tap a pixel, or enter a colour directly. Copy the values or save a swatch.
03
Copy or download
Preview the generated result, then copy the displayed values or download the file using the available controls.

Image colours are sampled from the browser-decoded image. Screen settings and colour management can affect appearance.