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
Distances are measured in LAB space, which tracks perceived difference far better than comparing raw RGB numbers.

How to use the Color Name Finder

  1. Type a hex value, an rgb() value or a colour name.
  2. Press Find name to rank the built in CSS colour list.
  3. Copy the nearest name, or check the closer alternatives below it.

Features

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