CSSカラー名一覧（148色・HEX・RGB・検索・コピー）
CSSで使える色名キーワード148色を、HEXとRGBつきで確認できます。色名やカラーコードで検索し、色のカードを押すと色名・HEX・RGBのいずれかをコピーできます。ブラウザ内で処理され、サーバーには送信されません。HEXをRGB・HSLに変換したいときは カラーコード変換、和風の色名が欲しいときは 日本の伝統色・和色一覧 をご利用ください。
🔒 ブラウザ内で完結・入力データはサーバーに送信されません
一致する色がありません。別のキーワードをお試しください。
注意事項
- 掲載しているのはCSS Color Module Level 4 の色名キーワード148色です。transparent と currentColor は色の値ではないため含めていません。
- gray と grey のように綴り違いの別名は、同じ色の別の名前として両方を載せています。
- 系統の分類は色相・彩度から自動で決めた目安です。境界付近の色は見た目の印象と一致しない場合があります。
用語解説
CSSの色名キーワード
「color: tomato;」のように、色を英単語で指定できるCSSの値です。ブラウザが対応するHEX値に置き換えて描画します。
rebeccapurple
CSS Color Module Level 4 で追加された色名で、#663399 を表します。
よくある質問
CSSの色名キーワードはいくつありますか？
現在のCSS仕様（Color Module Level 4）では148個です。gray と grey のような綴り違いの別名や rebeccapurple を含み、transparent と currentColor は含みません。
gray と grey はどちらを使えばよいですか？
どちらも同じ色（#808080）でブラウザの動作も同じです。プロジェクト内でどちらかに統一しておくと、検索や置換がしやすくなります。
rebeccapurple とは何ですか？
CSS Color Module Level 4 で追加された色名で、#663399 を表します。古いブラウザでは使えない場合があるため、必要ならHEXで指定してください。
transparent や currentColor が一覧にないのはなぜですか？
固定の色ではないためです。transparent は完全な透明、currentColor は要素の文字色を引き継ぐ特別なキーワードで、HEXやRGBに対応しません。
このページをシェア