HEX颜色到颜色名称转换器
指导
HEX颜色到颜色名称转换器
Convert any HEX color code to its nearest CSS/HTML named color instantly. Enter a hex value or use the visual color picker to find the closest matching color name from the standard 140 CSS3 named colors, complete with similarity scores and side-by-side swatch comparisons.
如何使用
Enter a HEX color code in the input field or click the color picker to select a color visually. The tool instantly finds the top 5 closest CSS named colors using RGB distance calculation. Each match shows a color swatch comparison, the color name, its HEX value, and a similarity percentage. You can also use the reverse lookup tab to search by color name and get its HEX code.
特征
- Nearest Color Match – Find the closest CSS3 named color to any HEX input using Euclidean distance in RGB space
- Top 5 Matches – See the five closest color names ranked by similarity percentage
- 可视化颜色选择器 – Select colors visually with the native browser color picker
- Swatch Comparison – Side-by-side display of your input color versus each matched named color
- Reverse Lookup – Search by color name to find its exact HEX code
- 140 CSS3 Colors – Complete database of all standard CSS/HTML named colors
- 一键复制 – Copy any HEX value to clipboard instantly
- 仅客户端 – All processing happens in your browser, no data sent to servers
常问问题
How many named colors exist in CSS3?
CSS3 defines exactly 140 named colors (also called extended colors or X11 colors). These range from basic colors like red, blue, and green to more specific shades like cornflowerblue, darkolivegreen, and papayawhip. Every modern browser recognizes all 140 names, making them a reliable way to specify colors in web development without remembering hex codes.
How does Euclidean distance work for color matching?
Euclidean distance in RGB space treats each color as a point in 3D space where the axes are Red, Green, and Blue values (0-255). The distance between two colors is calculated as the square root of the sum of squared differences for each channel. A distance of 0 means an exact match, while the maximum possible distance (between black #000000 and white #FFFFFF) is about 441. This provides a simple and fast approximation of color similarity.
Why might the nearest named color look different from my input?
CSS3 only has 140 named colors out of over 16 million possible hex colors, so exact matches are rare. The nearest named color is the closest available option, but the gap can be significant for unusual shades. The similarity percentage helps you gauge how close the match actually is — anything above 95% is visually very close, while matches below 80% may look noticeably different.
What is the difference between RGB distance and perceptual color difference?
RGB Euclidean distance treats all color channels equally, but human vision is more sensitive to some color differences than others. Perceptual color difference formulas like CIEDE2000 (deltaE) account for how humans actually perceive color, weighting green sensitivity higher and accounting for hue shifts. RGB distance is faster to calculate and sufficient for most use cases, while deltaE is more accurate for professional color work.
