Color Picker
Pick a color and copy HEX, RGB, or HSL values.
100% client-side — your data never leaves your browser.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Shades & tints
About the Color Picker
Pick any color visually and grab its HEX, RGB, and HSL values in one click. Tune the hue, saturation, and lightness with precise sliders, then preview a row of matching shades and tints for your palette work.
How to use the Color Picker
- 1Drag the color spectrum or use the sliders to dial in a color.
- 2Read the HEX, RGB, and HSL values updating live below.
- 3Click any value's Copy button to send it to your clipboard.
- 4Use the shades and tints row to find palette-friendly variations.
Why use our Color Picker
Three formats
HEX, RGB, and HSL displayed side by side — copy whichever your design tool prefers.
Live shades & tints
See darker shades and lighter tints of your color instantly, ready to pick.
Precise sliders
Adjust hue, saturation, and lightness independently for fine-grained control.
Browser-only
Runs entirely on your device — no account, no tracking, no uploads.
Frequently asked questions
What's the difference between HEX, RGB, and HSL?+
HEX (e.g. #3B82F6) is a compact 6-digit hexadecimal code. RGB lists the red, green, and blue channels (0–255). HSL describes the color by hue (0–360°), saturation, and lightness — easier to reason about visually.
What are shades and tints?+
Shades are darker versions of a color (mixed with black), and tints are lighter versions (mixed with white). They're handy for building harmonious palettes from a single base color.
Can I pick a color from an image?+
Yes — use our dedicated Color Picker from Image tool to read the exact color of any pixel in an uploaded image.
Is my color data stored?+
No. The picker runs entirely in your browser; nothing is saved or uploaded.