Named Color Finder
Find the nearest CSS named color and the closest Tailwind shade for any color: perceptually matched, with copy-ready values.
Type or pick any color and instantly see the closest named CSS color and Tailwind shade: matched perceptually in your browser.
About Named Color Finder
The Named Color Finder answers a simple question: what is this color called? Enter or pick any color and it instantly returns the nearest CSS named color (from the standard list browsers understand, like "steelblue" or "coral") along with the closest Tailwind palette shade, such as "sky-600".
Matching is perceptual rather than purely numeric, so the suggested names actually look like your input color instead of merely being close in raw RGB terms. A difference indicator tells you whether the match is exact, very close, or only approximate, so you know how much fidelity you are trading for a memorable name.
The lookup runs entirely in your browser with copy buttons on every result. It is handy for writing more readable CSS, aligning arbitrary brand colors to a Tailwind scale, or simply learning what a color you picked from a photo would be called.
How to use Named Color Finder
- Type a color value or choose one with the picker; click "Random" to explore.
- Read the nearest CSS named color and the closest Tailwind shade, shown side by side with your input.
- Check the difference indicator to see how close each match is.
- Click "Copy" on whichever value you want to use.