Advertisement
Design Tool · Live

Color Picker

Pick any color and instantly get HEX, RGB and HSL values. Click any chip to copy.

Input

Result

Advertisement

What is a color picker?

A color picker lets you choose any colour visually and see its values in different formats — HEX for code, RGB for paint-mix logic, HSL for choosing relationships between colours. Each format describes the exact same on-screen pixel.

The three formats explained

FormatExampleUse case
HEX#2563EBCSS, design tools, code
RGBrgb(37, 99, 235)Pixel-level work, opacity (rgba)
HSLhsl(220, 83%, 53%)Picking colour variants intuitively