Palette — click a color
Shades & tints
Harmonies
About the Color Picker
A fast, free color picker for designers and developers. Drag to choose any color, fine-tune the hue and opacity, and instantly copy the value as HEX, RGB(A) or HSL(A). You can also type a value in any format, grab a color from anywhere on your screen, or use your system picker.
It runs entirely in your browser — nothing is uploaded.
Features
- Visual picker — a saturation/brightness area with hue and opacity sliders
- HEX, RGB and HSL — copy any format with one click, or type your own
- Opacity (alpha) — get 8-digit HEX and rgba() / hsla() values
- Pick from screen — use the eyedropper to sample any pixel (supported browsers)
- Shades, tints and harmonies — instant palette ideas from your color
- Recent colors — your last picks are remembered on your device
How to use it
- Pick a color — drag inside the color area, then adjust the hue and opacity sliders
- Or type a value — enter a HEX, RGB or HSL value and press Enter
- Sample the screen — click Pick from screen and click any pixel (where supported)
- Copy — click the copy icon next to HEX, RGB or HSL
- Explore — click any shade, tint or harmony swatch to make it your new color