Pick a color or grab one from the screen to see and copy its HEX, RGB and HSL code at once. It runs in your browser and nothing is sent to a server.
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.
Press Pick from screen and click the color you want with the eyedropper. This uses the browser's EyeDropper feature and currently works in Chromium-based browsers such as Chrome and Edge. In other browsers the button is hidden and you can choose the color with the box instead.
All three write the same color in a different way. HEX gives a short code (#3b82f6), RGB gives the amount of red, green and blue from 0 to 255, and HSL describes the color as hue, saturation and lightness, which makes adjusting shades easier.
HEX (#3b82f6 or the short #38f), rgb(59, 130, 246), hsl(217, 91%, 60%) and CSS color names such as blue. For a semi-transparent color, rgba(), hsla() or an 8-digit HEX also work.
No. Everything is computed in your browser and nothing is uploaded.