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.

More Color tools

View all