Tools β€Ί Color Picker

Color Picker

Pick any color from the saturation field and hue slider, set transparency, or use the eyedropper to grab a color from anywhere on screen. Copy HEX, RGB and HSL instantly, explore tints and shades, and keep a history of recent colors. Everything runs locally in your browser.

Hue
Alpha 100%

Values

HEX
RGB
HSL

Tip: edit any field and press Enter to set the color. Alpha is included automatically when below 100%.

Tints & shades

Tints (lighter)
Shades (darker)

Recent

Colors you pick will appear here.

About this color picker

Visual picking

Drag in the saturation/value field and on the hue slider to dial in any color by eye.

Eyedropper

Grab a color from anywhere on your screen (in supported browsers) with one click.

HEX, RGB & HSL

Every format updates live and is editable β€” paste a value in and the picker jumps to it.

Alpha aware

Set transparency with the alpha slider; outputs switch to #RRGGBBAA/rgba() automatically.

Tints & shades

See lighter and darker variations of your color and click any swatch to select it.

Private

Everything happens in your browser β€” nothing is uploaded.

πŸ“¬ Weekly Newsletter

Stay ahead of the curve

Get the best programming tutorials, data analytics tips, and tool reviews delivered to your inbox every week.

No spam. Unsubscribe anytime.