EN
My tools

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.

A CSS name or any CSS color code. Leave empty to only list the names.
My tools →
Advertisement

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

  1. Type a color name or code into Color to inspect (or leave it empty).
  2. Pick a color family, or keep "All 148 names".
  3. Narrow the list with the filter — part of a name ("sea") or of a HEX code ("ff").
  4. 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:

Cite or embed this tool
APA

kakaoCalc. (2026, November 8). HTML Color Codes and Names. https://kakao.mobile/tools/html-color-codes-tool/

MLA

“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

Advertisement