Add an image or a photo, click any point and get the color's HEX, RGB and HSL code. The image stays in your browser and is never uploaded.
Type HEX (#3b82f6), rgb(), hsl() or a color name (blue). Click any swatch below to select that color.
Choose an image or drag and drop it here, or paste it with Ctrl+V.
Click or tap the image to select the color at that point. With the keyboard, move the pointer with the arrow keys and press Enter. The image stays in your browser and is never uploaded.
Large text Aa
Normal-size sample text. See here whether the contrast is enough.
| Criterion | Required | Result |
|---|
The semi-transparent color was blended over the background for the calculation.
Add the photo to this page and click the point whose color you want. The page shows that pixel's color as HEX, RGB and HSL. For a more precise pick, use the magnifier, or move pixel by pixel with the arrow keys and press Enter.
No. The image is opened and processed only in your browser. It is not sent anywhere and not stored.
The image is shrunk, the colors are grouped and the largest groups are shown as the dominant colors. Very close shades are merged into one. It is an estimate, so use it as a starting point for design.
The page reads exactly that pixel's value. In photos neighbouring pixels often differ slightly, so even clicking the same spot twice can vary by a unit or two. For the general color of an area, look at the dominant colors.
Whatever the browser can open: PNG, JPG, WebP, GIF, AVIF and more. Very large images are processed at a reduced size on screen to keep things fast.