HTML Color Codes and Names
All 148 CSS/HTML color names with HEX, RGB and HSL codes, grouped by color family. Filter, sort, inspect any code and find the nearest named color.
CSS defines 148 color names — from aliceblue to yellowgreen — that work in HTML, CSS and SVG anywhere a color is accepted. This page lists every one with its HEX, RGB and HSL code, grouped into color families, and lets you inspect any code: type a name to get its values, or type a HEX or rgb() code to see whether it has a name and, if not, which named color is closest.
How to use this tool
- Type a color name or code into Color to inspect (or leave it empty).
- Pick a color family, or keep "All 148 names".
- Narrow the list with the filter — part of a name ("sea") or of a HEX code ("ff").
- Sort by family, name, hue or lightness, then copy codes from the table or download the swatch chart.
Formula
Nearest name = the named color with the smallest CIEDE2000 difference ΔE₀₀ from the inspected color, both converted from sRGB to CIELAB (D50) as in CSS Color 4.
A ΔE₀₀ below about 1 is hard to see; 2–3 is a small but visible difference. Gray/grey spellings are skipped in the search because they duplicate their twins.
Example
Inspecting tomato gives #FF6347, rgb(255, 99, 71) and hsl(9.1, 100%, 63.9%); it belongs to the oranges, and black text on it reaches 7.12:1 versus only 2.94:1 for white. Inspecting #FF6348 (one step bluer) returns "tomato #FF6347 — nearest, ΔE2000 0.24".
Frequently asked questions
Why are there 148 names but only 139 colors?
Seven grays have two spellings (gray and grey: darkgray/darkgrey and so on), and aqua/cyan and fuchsia/magenta are pairs with identical values. That removes nine duplicates, leaving 139 distinct colors.
Why is "darkgray" lighter than "gray"?
CSS took gray (#808080) from the 16 basic HTML colors, but took darkgray (#A9A9A9) from the X11 color list, where gray itself was a lighter #BEBEBE. The clash was never fixed, so CSS keeps it for compatibility.
Are named colors slower or less precise than HEX?
No. A name is just another way to write an exact sRGB value — tomato and #FF6347 produce the same pixels. Use whichever reads better in your code.
What is rebeccapurple?
The newest name, #663399, added in CSS Color 4 in memory of Rebecca Meyer, daughter of CSS pioneer Eric Meyer.
Sources
Last updated:
Page address with these inputs: https://kakao.mobile/tools/html-color-codes-tool/
Cite or embed this tool
kakaoCalc. (2026, November 8). HTML Color Codes and Names. https://kakao.mobile/tools/html-color-codes-tool/
“HTML Color Codes and Names.” kakaoCalc, 8 Nov. 2026, kakao.mobile/tools/html-color-codes-tool/.
Paste this code into your page. The widget runs in your visitors' browsers, shows no ads and keeps a link back to this page. Embedding terms