戻る

CSSカラー名

カラー・配色

下の色を選ぶとプレビューとコピー用の値が表示されます。

CSSカラー仕様の標準名前付きカラー148色を収録し、検索は大文字・小文字を区別しません。色見本はローカルプレビューで、サイトの配色は変更しません。

148色が見つかりました

このツールの処理はすべてブラウザー内で行われ、入力内容はサーバーへ送信されません。

このツールについて

148 の CSS カラー名と HEX・RGB 値を一覧で確認できます。名前や HEX で検索し、色を選んで値をローカルでコピーします。

主な用途

  • 既存のスタイルシートにある色キーワードを調べる。
  • 名前付きの色を比較してから、前景と背景のコントラストを確認する。

使い方

  1. 1.purple や #663399 など、名前や HEX の一部を検索します。
  2. 2.色を選ぶと名前、HEX、RGB 値が表示されます。
  3. 3.選択した値をコピーするか、検索をクリアして全 148 件を表示します。

検索例

カラー名の検索

rebeccapurple
rebeccapurple: #663399
rgb(102, 51, 153)

rebeccapurple を選ぶと、表示された名前、HEX、RGB 値をコピーできます。

同じ色の別名

#00FFFF
aqua: #00FFFF
cyan: #00FFFF

この HEX 値で検索すると両方の別名が見つかります。

制限と注意事項

  • aqua と cyan などの別名は同じ値です。148 の名前が 148 種類の異なる色を表すわけではありません。
  • transparent と currentColor は特殊なキーワードで、この不透明色の一覧には含まれません。
  • 色のプレビューでは文字のコントラストは測定できません。実際の前景色と背景色を別途確認してください。

よくある質問

データはアップロードされますか?

いいえ。現在のブラウザー内で処理し、入力をサーバーへ送信しません。

結果を本番で使えますか?

公開前に対象形式とセキュリティ要件に照らして結果を確認してください。

関連ツール