My Tool Studio
Color

Color Names Lookup

Saying 'the reddish one, #E92C4B-ish' in a design review gets old fast. This color names lookup gives every hex value a human label: paste a code or use the picker and it returns the nearest CSS named color with a Delta E score showing how close the match really is. Feed it #E92C4B and it answers Crimson, since #DC143C is the closest of the standard names. The page doubles as a browsable css color names list, with a filter box and copy buttons on a grid of the most-used named colors. Developers reach for it to make stylesheets self-documenting, and writers use it to describe a palette without pasting raw codes into a doc.

Always freeNo sign upRuns in your browser
Nearest named color
RoyalBlue
#4169E1 · ΔE 5.9
AliceBlue
#F0F8FF
AntiqueWhite
#FAEBD7
Aqua
#00FFFF
Aquamarine
#7FFFD4
Azure
#F0FFFF
Beige
#F5F5DC
Black
#000000
Blue
#0000FF
BlueViolet
#8A2BE2
Brown
#A52A2A
BurlyWood
#DEB887
CadetBlue
#5F9EA0
Chartreuse
#7FFF00
Chocolate
#D2691E
Coral
#FF7F50
CornflowerBlue
#6495ED
Crimson
#DC143C
Cyan
#00FFFF
DarkBlue
#00008B
DarkCyan
#008B8B
DarkGoldenRod
#B8860B
DarkGray
#A9A9A9
DarkGreen
#006400
DarkKhaki
#BDB76B
DarkMagenta
#8B008B
DarkOliveGreen
#556B2F
DarkOrange
#FF8C00
DarkOrchid
#9932CC
DarkRed
#8B0000
DarkSalmon
#E9967A
DarkSeaGreen
#8FBC8F
DarkSlateBlue
#483D8B
DarkTurquoise
#00CED1
DeepPink
#FF1493
DeepSkyBlue
#00BFFF
DodgerBlue
#1E90FF
Firebrick
#B22222
ForestGreen
#228B22
Fuchsia
#FF00FF
Gold
#FFD700
Gray
#808080
Green
#008000
HotPink
#FF69B4
IndianRed
#CD5C5C
Indigo
#4B0082
Ivory
#FFFFF0
Khaki
#F0E68C
Lavender
#E6E6FA
LightBlue
#ADD8E6
LightCoral
#F08080
LightGreen
#90EE90
LightPink
#FFB6C1
Lime
#00FF00
Magenta
#FF00FF
Maroon
#800000
MediumPurple
#9370DB
MidnightBlue
#191970
MintCream
#F5FFFA
Navy
#000080
Olive
#808000
Orange
#FFA500
OrangeRed
#FF4500
Orchid
#DA70D6
Pink
#FFC0CB
Plum
#DDA0DD
Purple
#800080
RebeccaPurple
#663399
Red
#FF0000
RoyalBlue
#4169E1
Salmon
#FA8072
SeaGreen
#2E8B57
Silver
#C0C0C0
SkyBlue
#87CEEB
SlateGray
#708090
Snow
#FFFAFA
SpringGreen
#00FF7F
SteelBlue
#4682B4
Tan
#D2B48C
Teal
#008080
Thistle
#D8BFD8
Tomato
#FF6347
Turquoise
#40E0D0
Violet
#EE82EE
Wheat
#F5DEB3
White
#FFFFFF
Yellow
#FFFF00
YellowGreen
#9ACD32

How to use

01

Pick or paste a color

Use the native color picker square for visual selection or type a hex code into the adjacent field, which starts at #6366F1. Both routes feed the same matcher instantly.

02

Read the nearest name card

The highlighted card shows the closest named color, its hex value, and the Delta E distance. A score near zero means a practically identical color; a larger score means the name is only a rough neighbor.

03

Filter and copy from the grid

Type into the filter box to narrow the grid by name or hex, then click any swatch's copy button. The grid covers 85-plus standard names from AliceBlue to YellowGreen.

Why Color Names Lookup

Common questions

How does the name that color matching actually work?
Your input is compared against every entry in the list using Delta E, a perceptual difference metric computed in Lab space. The name with the lowest score wins, so matches reflect what your eye sees rather than which RGB numbers happen to be close.
Are html color names different from CSS color names?
They're the same set today. The names started as browser conventions, got standardized through CSS specifications, and now work identically in HTML attributes, CSS, and SVG. Both British and American spellings of gray are valid in browsers.
Which named color is nearest to #FF6347?
That one is Tomato itself, an exact hit with a Delta E of zero, since Tomato is defined as #FF6347. Try something like #5A8FCB instead and you'll get SteelBlue back as a close but not identical neighbor.
Does this css color names list include every standard name?
The browsable grid focuses on 85-plus of the most commonly used names rather than the complete set of roughly 148 defined by CSS. The matcher runs against that curated list, which covers the names people actually reach for in real projects.
What does the Delta E number under the match mean?
It quantifies perceived difference. Below 1 is invisible to most viewers, 1 to 5 reads as the same color at a glance, and beyond 10 you'd call them different colors. Use it to judge whether the name is a description or just a direction.
Why would I use a color name instead of its hex code?
Names carry meaning in code review and conversation. A prototype using Crimson or SteelBlue communicates intent instantly, and named colors are handy in quick demos, terminal themes, and SVG sketches where precision matters less than speed.
Can I copy the hex value of a named color from the grid?
Yes, every tile in the grid has a copy button that grabs the hex. Filter down to the name you want, click copy, and paste the code wherever named colors aren't supported, like most native mobile styling systems.
What makes this a reliable color name finder for hex codes?
Paste a hex or use the picker and the color name finder scores your color against every entry with Delta E, then shows the closest standard name. Because it ranks by perceived difference, the result matches what your eye would call the color, not just the nearest RGB numbers. The match card prints the name, its hex, and the distance.
Can I use this as a colour name finder with British spelling?
Yes. Whether you search for a colour name finder or the US spelling, you land here, and browsers accept both gray and grey. Type any code to find colour name matches from the nearest standard entry. The tool doesn't mind which spelling brought you in.
How do I go from hex code to color name for a stylesheet?
Paste the code into the field and read the match card; that's the whole hex code to color name step. For example, #4B0082 comes back as Indigo, an exact entry, so you can write the readable name in place of the digits. The hex to color name lookup runs live as you type.
Can the tool give me a color name from hex code values I paste in bulk?
It matches one color at a time, so a color name from hex code lookup runs per value rather than as a batch. Paste a code, note the name, then paste the next. For a handful of tokens that's quick; for hundreds you'd script chroma-js Delta E yourself.
Is there a color code to color name conversion, and how exact is it?
Yes, color code to color name conversion is the core job. When your code exactly equals a named entry, like #FFD700 for Gold, the distance reads zero. Otherwise you get the closest neighbor, and the Delta E score tells you how much to trust it.
How do I find color name results when my hex isn't a standard color?
The matcher never leaves you empty-handed; it always returns the nearest name plus a Delta E gap. So even an oddball brand hex will find color name matches, just with a larger distance. Read that number to decide whether the name describes the color or only points in its direction.
Does this work as a color code finder and a color code name finder together?
It does both from one input. As a color code finder it shows the hex of the nearest named color, and as a color code name finder it shows that color's label. Copy whichever you need from the match card or the grid below.
Is this a color name generator, or does it only return existing names?
It's a finder, not a color name generator that invents fresh labels. Every result is a real CSS named color from the curated list of 85-plus entries, so you can actually use it in code and SVG. If you need a made-up marketing name, that's a job for a person, not this lookup.
Can I get a color hex code from image files with this lookup?
Not directly. This page reads a hex or the picker, so to get a color hex code from image files first pull the code with the Image Color Extractor, then paste it here to name it. A color name finder from image in one step isn't something this tool does; it names codes, it doesn't decode photos.
How do I find color from color code entries visually?
Type the code and the match card renders a swatch, so you can find color from color code values without imagining them. It's handy when a config file lists hex you can't picture. The same works to find color from hex code shorthand like #F80.
Can I find hex color and find hex colour values straight from a name?
Yes. Filter the grid by a name like SteelBlue and click copy to find hex color codes instantly, British spelling included, so you can find hex colour values the same way. Each tile carries its own copy button. It's faster than memorizing which name maps to which digits.
Where do I find color hex code and get color hex code values in the grid?
Every tile shows the name and its code, so to find color hex code values you filter and read, and to get color hex code values you click copy. The match card up top also prints the nearest color's hex. Both spots hand you a ready-to-paste value.
Does the hex color selector accept a picker as well as typed codes?
Yes. The hex color selector pairs a native color square with a text field, so you can drag to a shade or paste an exact code. Both feed the same matcher. It's also a quick way to browse hex color names, since every result ties a label to its code.

More Color tools

View all