Input
#e74c3c
Nearest
Crimson (#dc143c)
Design Tools
Color Name Finder — Nearest CSS Named Colors
Match a color to the closest CSS named colors in your browser. Candidates are ranked by color distance with names and hex values—useful when aligning keywords, finding near matches, or learning standard color names.
ColorNamed colorsCSS
Favorite this tool
No favorite storage mode has been selected.
Quick actions
Copy this tool URL or open the system share sheet on a supported device.
设计配色
Color Name Finder
最接近的颜色名称
-
-
-
最接近的 10 个颜色
Use cases
- Find a CSS keyword for a hex value
- Pick a near named color for a custom swatch
- Learn common CSS color names
How to use
- Choose or enter a color value
- Review named-color candidates sorted by distance
- Click a swatch to copy the name or value
Example input and output
FAQ
How many color names are included?
All 148 CSS standard named colors.
Is the top match always an exact color?
Not always. Results are ranked by distance; use the closest keyword when the swatch is not an exact match.
Tools
Related tools
Continue with another translated tool for a nearby task.
Color Converter
Color Converter — HEX, RGB, HSL Online
Convert colors among HEX, RGB, HSL, HWB, CMYK, and CSS variables in your browser. Includes a color picker and random color helper for design handoff, stylesheet work, and brand-color alignment.
Color HEX RGB
Color Harmonizer
Color Harmonizer — Classic Harmony Rules
Pick a base color and generate schemes with complementary, analogous, triadic, tetradic, split-complementary, or monochromatic rules. Preview UI usage and export CSS variables for brand and component work.
Palette Color Harmony
Pastel Color Generator
Pastel Color Generator — Soft Low-Saturation Palettes
Generate soft pastel and Morandi-style palettes in your browser. Choose count and style, lock swatches you want to keep, and export HEX lists or CSS variables for charts, backgrounds, and gentle UI themes.
Pastel Palette Color