CSSの色名一覧
CSSの仕様で定義されている148色の色名を、色相ごとに明るい順に並べました。色名かHEXをクリックするとコピーできます。
赤
ローズ
ピンク
マゼンタ
パープル
バイオレット
インディゴ
青
空色
シアン
ティール
エメラルド
緑
ライム
黄色
アンバー
オレンジ
茶色
ベージュ
白
グレー
黒
よくある質問
CSSの色名はいくつありますか？
CSS Color 4ではaliceblueからyellowgreenまで148色の色名が定義されています。grayとgrey、aquaとcyanのように、同じ値を持つ別名もいくつかあります。このほかにtransparentとcurrentcolorというキーワードもありますが、これらは固定の色ではありません。
CSSのgrayとgreyは同じですか？
はい。grayを含む色名にはすべてgreyの綴りがあり、値もまったく同じです。たとえばdarkgrayとdarkgreyはどちらも#a9a9a9です。なお、darkgrayはgrayより明るい色です。これはX11の色リストから受け継いだ癖です。
本番のCSSで色名を使ってもよいですか？
色名はすべてのブラウザで動作するので、プロトタイプ、デモ、一時的なスタイルには問題ありません。プロダクトでは、OKLCHやHEXで定義した独自のトークンをおすすめします。スケールとして調整しやすく、テーマ間で一貫性も保ちやすくなります。