HTML color names

HTML color names for CSS. Each row has the color name, a hex code, and RGB, HSL, and OKLCH values you can copy.

Red HTML Color Names

ColorNameHex codeRGB codeHSL codeOKLCH

Pink HTML Color Names

ColorNameHex codeRGB codeHSL codeOKLCH

Orange HTML Color Names

ColorNameHex codeRGB codeHSL codeOKLCH

Yellow HTML Color Names

ColorNameHex codeRGB codeHSL codeOKLCH

Purple HTML Color Names

ColorNameHex codeRGB codeHSL codeOKLCH

Green HTML Color Names

ColorNameHex codeRGB codeHSL codeOKLCH

Blue HTML Color Names

ColorNameHex codeRGB codeHSL codeOKLCH

Brown HTML Color Names

ColorNameHex codeRGB codeHSL codeOKLCH

White HTML Color Names

ColorNameHex codeRGB codeHSL codeOKLCH

Gray HTML Color Names

ColorNameHex codeRGB codeHSL codeOKLCH

What this page does

These are the CSS color keywords. Each row is one keyword and the sRGB color it names. Hex, RGB, and HSL describe that color. OKLCH is the same sRGB color converted. OK is the name of the space, not a fifth component. The list does not include system colors such as Canvas or LinkText.

How to use this page

  1. Search by name or by a hex, RGB, HSL, or OKLCH value.
  2. Filter by a group: red, pink, orange, yellow, purple, green, blue, brown, white, or gray.
  3. Click the keyword or any value to copy it.

Questions

Does grey work as well as gray?

Yes. Seven names accept either spelling: gray, darkgray, lightgray, dimgray, slategray, lightslategray, and darkslategray. The grey spelling is the same color.

Why do some names share one hex?

Aqua and cyan are the same sRGB color. Fuchsia and magenta are the same sRGB color. Both keywords are valid in CSS.