CSSの名前付きカラー（カラーキーワード）完全一覧

CSSでは、数値（HEXやRGB値）を使わずに、red や skyblue のような実際の色の名前をキーワードとして指定できます。これらは「名前付きカラー（named colors）」や「CSSカラーキーワード」と呼ばれ、全部で140色以上が定義されています。

使用方法は非常にシンプルで、次のように color プロパティなどに直接記述するだけです。

p {
  color: tomato;
  background-color: aliceblue;
}

以下が、現時点で公式に定義されているCSS名前付きカラーの一覧です（アルファベット順）。

CSS名前付きカラー一覧

• aliceblue
• antiquewhite
• aqua
• aquamarine
• azure
• beige
• bisque
• black
• blanchedalmond
• blue
• blueviolet
• brown
• burlywood
• cadetblue
• chartreuse
• chocolate
• coral
• cornflowerblue
• cornsilk
• crimson
• cyan
• darkblue
• darkcyan
• darkgoldenrod
• darkgray
• darkgreen
• darkgrey
• darkkhaki
• darkmagenta
• darkolivegreen
• darkorange
• darkorchid
• darkred
• darksalmon
• darkseagreen
• darkslateblue
• darkslategray
• darkslategrey
• darkturquoise
• darkviolet
• deeppink
• deepskyblue
• dimgray
• dimgrey
• dodgerblue
• firebrick
• floralwhite
• forestgreen
• fuchsia
• gainsboro
• ghostwhite
• gold
• goldenrod
• gray
• green
• greenyellow
• grey
• honeydew
• hotpink
• indianred
• indigo
• ivory
• khaki
• lavender
• lavenderblush
• lawngreen
• lemonchiffon
• lightblue
• lightcoral
• lightcyan
• lightgoldenrodyellow
• lightgray
• lightgreen
• lightgrey
• lightpink
• lightsalmon
• lightseagreen
• lightskyblue
• lightslategray
• lightslategrey
• lightsteelblue
• lightyellow
• lime
• limegreen
• linen
• magenta
• maroon
• mediumaquamarine
• mediumblue
• mediumorchid
• mediumpurple
• mediumseagreen
• mediumslateblue
• mediumspringgreen
• mediumturquoise
• mediumvioletred
• midnightblue
• mintcream
• mistyrose
• moccasin
• navajowhite
• navy
• oldlace
• olive
• olivedrab
• orange
• orangered
• orchid
• palegoldenrod
• palegreen
• paleturquoise
• palevioletred
• papayawhip
• peachpuff
• peru
• pink
• plum
• powderblue
• purple
• rebeccapurple
• red
• rosybrown
• royalblue
• saddlebrown
• salmon
• sandybrown
• seagreen
• seashell
• sienna
• silver
• skyblue
• slateblue
• slategray
• slategrey
• snow
• springgreen
• steelblue
• tan
• teal
• thistle
• tomato
• turquoise
• violet
• wheat
• white
• whitesmoke
• yellow
• yellowgreen

補足：グレー系の表記について

gray / grey のように、アメリカ英語とイギリス英語の両方のスペルが用意されている色もあります。どちらを使用しても同じ色が表示されます。

各色の具体的な数値を確認したい場合

Wikipediaには、Web上の名前付きカラーそれぞれに対応する16進数（HEX）、RGB、HSLの値を一覧できるカラーテーブルが掲載されています。デザイン作業で正確な色味を確認したいときに便利なので、参考にするとよいでしょう。