Color Picker
Click anywhere on an image to pick colors. Get HEX, RGB, and HSL values instantly. Free, no uploads.
Drop your image here
or click to browse · then click anywhere on the image to pick a color
Advertisement
Advertisement
Pick colors from any image
Our color picker lets you click anywhere on an image to instantly get the HEX, RGB, and HSL color values of any pixel. Perfect for designers, developers, and anyone who needs to identify exact colors from photos, screenshots, logos, or artwork.
As you pick colors, they are saved to a color palette you can copy as CSS variables — ready to paste directly into your stylesheet. All processing happens in your browser using the Canvas API. Your images never leave your device.
What are HEX, RGB, and HSL?
- HEX — A 6-digit code like #FF5733 used in HTML, CSS, and most design software
- RGB — Red, Green, Blue values from 0–255. Used in CSS and image editing software
- HSL — Hue, Saturation, Lightness. More intuitive for creating color variations and palettes
Frequently asked questions
Is my image uploaded anywhere?
No. The color picker uses the browser Canvas API to read pixel data locally. Your image never leaves your device.
How many colors can I pick?
You can pick up to 12 colors per session, which are saved to a color palette. You can clear the palette at any time and pick new colors.
Can I pick colors from a screenshot?
Yes — paste your screenshot into Paint or any image editor, save as PNG or JPEG, then upload it to our color picker.
What is the CSS variables export?
The CSS variables feature generates a :root block with all your picked colors as CSS custom properties (--color-1, --color-2, etc.) that you can paste directly into your stylesheet.