Color Name Finder
Find the nearest named CSS colour for any value using LAB distance.
Find the closest colour name
Nearest name: Blue Violet
Matched hex: #8a2be2 · LAB distance: 0.0
Your colour: #8a2be2
How to use the Color Name Finder
- Type a hex value, an rgb() value or a colour name.
- Press Find name to rank the built in CSS colour list.
- Copy the nearest name, or check the closer alternatives below it.
Features
- About 150 named CSS colours built in
- Euclidean distance measured in LAB space
- Four closest alternatives listed with swatches
- Accepts hex, rgb() and colour names as input
Advertisement
Frequently Asked Questions
Common questions about the free online color name finder.
It converts your colour and every named CSS colour into LAB space, then ranks the names by
Euclidean distance and shows the smallest one.
LAB is designed to match human perception, so equal numeric steps look equally different. Raw
RGB distance overrates green and underrates blue.
About one hundred and fifty CSS named colours, from Alice Blue and Aqua through Rebecca
Purple to Yellow Green.
It is the straight line length between the two points in LAB space. Zero means an exact
match, and values under two are usually hard to tell apart.
Yes. Hex values with three or six digits, rgb() and rgba() functions, and any of the built in
CSS colour names are all accepted.
Yes. The nearest name is shown as the result and the four closest alternatives are listed
underneath with their hex values.
Not always. Several CSS names can sit very close together, so the distance value is the
honest guide to how good the match really is.
Yes. Press Copy name and the matched CSS name is placed on your clipboard, ready to paste
into your stylesheet.
No. The whole list and the distance calculation live inside the page, so the tool works
offline and sends nothing anywhere.
Last updated: October 10, 2026