Color Picker

Drag in the field to set saturation and lightness, slide for hue. Every value updates live and copies with one click.

#7c3bed
HEX
#7c3bed
RGB
rgb(124, 59, 237)
HSL
hsl(262, 83%, 58%)
H
262°
S
83%
L
58%

A color picker lets you choose any color by adjusting hue, saturation and lightness — and see its HEX, RGB and HSL values update live. It is the fastest way to find an exact shade for a design.

Frequently asked questions

Drag inside the saturation and lightness field to set those values, move the hue slider to change the base color, or type a hex code into the Hex input. Every value updates live and copies with one click.

Must-know facts

  • HEX codes use base-16, so each color pair runs from 00 to FF (0 to 255 in decimal).
  • Hue is measured in degrees around a 0–360 circle, with red at 0°.
  • Both #RGB shorthand and full #RRGGBB codes are supported.

Related tools

These color tools pair naturally with the one you just used — keep exploring.

RGB to HexTurn red, green and blue channels into a hex code.Hex to RGBBreak any hex code into its RGB and HSL values.Color WheelFind complementary and harmonious colors in one click.