← Back to tools

Color Picker

Pick a colour and get HEX, RGB, HSL values instantly. Copy CSS code with one click.

Click the swatch or type a HEX code

HEX

#2563EB

RGB

rgb(37, 99, 235)

HSL

hsl(221, 83%, 53%)

CSS Variable

--color: #2563eb;

Complementary Colour

#DA9C14

Shades

Click any shade to copy its HSL value