Shades of gray

Shades of gray, from light to dark. Copy a color name, or a hex, RGB, HSL, or OKLCH code.

ColorNameHex codeRGB codeHSL codeOKLCHSource
Common
CSS
CSS
CSS
CSS
Common
CSS
CSS
Common
Common
Common
Common
CSS
CSS
Common
Common
CSS
CSS
CSS
CSS
Common
CSS
CSS
CSS
CSS
Common

What this page does

These are named colors for gray, listed from light to dark. Some of them also appear under another hue. Names are shown with spaces, and a copied name keeps those spaces. A CSS row is a color that CSS also names. A Common row is a usual color name. Paste the hex to use either color in a stylesheet. Hex, RGB, and HSL are the sRGB color. OKLCH is that same color converted. OK is the name of the space, not a fifth component.

How to use this page

  1. Choose All, CSS, or Common.
  2. Click the name, hex, RGB, HSL, or OKLCH value to copy it. The name copies as shown, with spaces. Paste the hex to use the color in CSS.
  3. Open another hue from the list above, or go back to Color shades.