Pick a color, type a code, or click a pixel in your own image to find its closest name and values.
Enter a color or click a pixel in an uploaded image, and the tool compares it with the 148 standard CSS color names (such as steelblue, tomato and seagreen) and shows the closest match. It also lists the HEX, RGB and HSL values and a color family such as "dark blue" or "light red".
The image stays in your browser and is never uploaded. Because photos have shadows and noise, a single pixel can differ from the color you expect, so click a few spots.
There are about 16.7 million possible RGB colors but only 148 CSS names. Most colors therefore have no exact name, so the tool shows the nearest one by color distance, along with three other close names. If the color is an exact match the result says "Exactly".
| Hue range | Family |
|---|---|
| 345° – 15° | Red |
| 15° – 45° | Orange |
| 45° – 70° | Yellow |
| 70° – 165° | Green |
| 165° – 195° | Cyan |
| 195° – 255° | Blue |
| 255° – 295° | Purple |
| 295° – 345° | Pink |
Very low saturation gives gray, very low lightness gives black, and very high lightness gives white. To build a palette around the color you find, use the color palette generator, or check readability with the contrast checker.
Enter its HEX or RGB code, use the picker, or click a pixel in an image. The tool shows the closest of the 148 standard CSS color names.
Yes. Upload an image and click any pixel. The image is processed in your browser and never uploaded.
Only 148 colors have standard names, while there are over 16 million RGB colors, so most colors are matched to the nearest name.
They describe the same color in different notation. #267FD9 and rgb(38, 127, 217) are identical.
No. It uses CSS color names for screens. Paint and Pantone systems need their own references.