Color Name Finder — Given a hex color, the tool finds the closest named color from a curated palette of 80+ standard CSS named colors (Red, Royal Blue, Hot Pink, etc.). It uses a weighted distance in RGB space, so colors that look similar to the human eye are likely to match.
All matching happens locally.
Was Color Name Finder useful?
Color Name Finder是什么？
Given a hex color, the tool finds the closest named color from a curated palette of 80+ standard CSS named colors (Red, Royal Blue, Hot Pink, etc.). It uses a weighted distance in RGB space, so colors that look similar to the human eye are likely to match.
Useful for naming colors in a design system, picking palette anchors, or just satisfying curiosity about a specific shade.
使用方法
-
Enter a hex value
Use the color picker or paste a hex like #ff7e5f.
-
Read the name
The closest named color appears with its hex and the distance score.
示例
Royal blue
The exact hex for Royal Blue returns the exact match.
#4169e1
结果： Royal Blue (#4169e1)
A sunset orange
A near-match that does not have a standard name.
#ff7e5f
结果： Coral (#ff7f50) — closest match
常见问题
相关指南
The 8 Best Free Color Tools for Designers in 2026 (No Upload)
Color pickers, palette generators, contrast checkers, color name finders, and converters — eight free color tools that run in your browser, do not upload your images or palettes, and cover every color task a designer actually has.
How to Build a Color Palette From a Logo (5 Minutes)
A 5-step workflow to extract a working color palette from any logo image: pick the dominant color, generate 4 supporting colors using a 60-30-10 rule, check contrast for accessibility, test the palette in dark mode, and export the hex codes. Takes 5 minutes once you have done it twice.
What Is the Name of That Color? A Field Guide to CSS Color Naming
A practical guide to CSS color naming: the difference between HEX, RGB, HSL, and named colors; why "tomato" looks the way it does; how to find the right name for a color you can see; the most useful CSS named colors by category; and how to find them in your browser without uploading anything.
相关工具
Last reviewed: 2026-09-25