Color Name Finder
Identify the exact or nearest CSS color name for any HEX, RGB, HSL or named input — with a ranked neighbor list, match accuracy, and a name/hex search.
About this ToolHow it works, benefits & use casesTap to collapse
Paste any color — HEX, RGB, HSL, or an existing CSS name — and the Color Name Finder tells you what it is called. If the value matches a CSS named color exactly you get the canonical name and a 100% match; otherwise it measures Euclidean distance in RGB space against the 140+ CSS named colors and returns the closest name with a match percentage and a delta (Δ) value. A hero swatch shows the color with its name, and when there is no exact match a side-by-side comparison renders your color next to the nearest named one so you can judge the difference. You also get the HEX, RGB, and HSL forms as one-click copy chips, a ranked grid of the nearest names you can click to inspect, and a separate search box to look up any CSS color by name or hex. Set the input with the picker, the screen Eyedropper, or the Random button — all in your browser, free.
How to Use
- 1Enter a color in the Color value field — a HEX like #6495ED, an rgb()/hsl() string, or a CSS name like cornflowerblue.
- 2Alternatively use the swatch picker, click Random, or use the Eyedropper to sample a color from your screen.
- 3Read the hero swatch for the exact or closest name, the match percentage, and the delta (Δ) distance.
- 4Copy the HEX, RGB, or HSL form from the format chips, or click any nearest-name swatch to inspect it.
- 5Use the "Search the CSS color database" box to find a named color by name fragment or hex.
Key Benefits
- Identifies the exact CSS color name or the nearest one with a match score
- Accepts HEX, RGB, HSL, and CSS named-color input
- Side-by-side comparison of your color against the nearest named color
- One-click HEX / RGB / HSL copy chips for the resolved color
- Ranked grid of nearest names you can click to inspect further
- Searchable database of 140+ CSS named colors by name or hex
- Picker, screen Eyedropper, and Random input; runs entirely in-browser
Common Use Cases
- Finding a human-readable name for a HEX value pulled from a design
- Picking the closest CSS named color to a brand or screenshot color
- Looking up the exact hex of a named CSS color like rebeccapurple
- Sampling an on-screen color with the Eyedropper and naming it
- Comparing how far an arbitrary color sits from the nearest named one
Exact CSS color
cornflowerblue
100% match
Nearest named colors · click to inspect
cornflowerblue
Search the CSS color database
Popular named colors
Was this tool helpful?
Share Your Experience
Help others discover this tool!
Related tools
- Color Scheme GeneratorBuild colour harmonies with full 50–950 ramps, a WCAG accessibility matrix, and a live UI preview — export CSS, Tailwind, SCSS, JSON or SVG
- Component Name GeneratorTurn a description into ranked, kind-aware component names with a file scaffold and a name validator (casing, collisions, clarity)
- Git Branch Name GeneratorGenerate conventional Git branch names
- Color ConverterConvert between HEX, RGB, HSL, and HSV
- Color PickerPick and extract color values
- Random Color GeneratorGenerate random colors
It converts your color and each CSS named color to RGB, then computes the straight-line (Euclidean) distance between them in RGB space. The name with the smallest distance (Δ) wins, and the match percentage is derived from how close that distance is to zero relative to the maximum possible RGB distance.
Δ is the RGB distance between your color and that named color. A Δ of 0 means an exact match; larger values mean the named color is further away. The nearest-names grid is ranked by Δ, smallest first.