How are the 140 CSS color names defined?

CSS Level 4 defines 148 named colors (including transparent and rebeccapurple). The 140 most commonly referenced set comes from the X11 color list and SVG specification, adopted by all modern browsers.

How is 'closest color' calculated?

The tool computes the Euclidean distance in RGB color space: sqrt((r1-r2)² + (g1-g2)² + (b1-b2)²). This is a simple approximation; perceptual color spaces like CIELAB give more accurate 'looks similar' results but are more complex.

Can I use CSS color names in production?

Yes. All 140 CSS named colors are fully supported in every modern browser and can be used in CSS, HTML, SVG, and JavaScript. They are a convenient alternative to hex codes when readability matters.

Design Free No signup

Color Name Finder

Find the closest CSS named color for any hex or RGB value.

Loading tool…

About this tool

Enter any color as a hex code or via RGB sliders and instantly discover the closest CSS named color from the full set of 140 standard CSS color names. The tool shows the exact match or nearest neighbor by Euclidean distance in RGB space, displays the top 5 nearest named colors with swatches and distance values, and provides a searchable grid of all 140 CSS color names. Ideal for designers, front-end developers, and anyone who wants a human-readable name for a color.

How to use

1 Type a hex color code (e.g. #3a86ff) into the hex input or click the color picker.
2 Alternatively, drag the R, G, B sliders to compose a color.
3 The closest CSS named color is shown immediately.
4 The top 5 nearest colors are listed with swatches and distance values.
5 Scroll down to browse or search the full grid of 140 CSS color names.

Frequently Asked Questions

Related tools

Color Converter (HEX, RGB, HSL)

Convert colors between HEX, RGB, HSL, HSV, and CMYK — with live preview.

Color Palette Generator

Generate harmonious color palettes — complementary, triadic, analogous, and split-complementary — from any base color.

Color Contrast Checker

Check WCAG 2.1 contrast ratios for foreground/background color pairs and get pass/fail results instantly.

Random Color Generator

Generate random single colors or harmony-aware palettes with HSL constraints, locked colors, export to CSS/HEX/RGB/HSL, and palette history.

HTML Color Names Reference

Browse and search all 140 named HTML/CSS colors with HEX and RGB values.