CSS色名
CSSの148名称・148見本 / 139種類のHEX値 保存色を見る
CSS標準の不透明な名前付き色を掲載しています。名称から詳細と出典を確認できます。
検索・コピー・保存・コントラストの確認はJavaScriptが利用できる場合に表示されます。名称と値は本文から選択でき、詳細へのリンクも利用できます。
検索の使い方
CSS色名・#RGB・#RGBA・#RRGGBB・#RRGGBBAA・transparentに対応。日本語の読み・翻訳はこの版に収録していません。
符号化sRGBで下地へ合成した後、OKLab距離を計算します。元のalphaは保持します。
コピーする色のボタンを押してください。
「値を選択」を押し、Ctrl+C / Command+C または端末のコピー操作を使ってください。
色から探す
色系統は画面用の色値に基づく目安です。
この一覧の出典
CSS STANDARD NAMED COLORS
同じHEX値でも名称は別の入口として保持しています。transparent・currentcolorはこの一覧の対象外です。
カタカナは、英語を読みやすくするための発音の目安です。日本語訳ではありません。資料独自のつづりなどは、つづりをもとにした読み方の目安を含みます。英語の発音は米国英語のCMU Pronouncing Dictionaryなどを参考にしています。発音参考資料の利用条件
CSS Color Module Level 4, section 6.1
Candidate Recommendation Draft 2026-10-09
名前・HEX・RGBを抽出し、このサイトの色見本として掲載しています。表示HEXは大文字化しています。
出典・ライセンス・改変内容を見るコントラストを確認
前景と背景の組合せを確認します。入力と見本は自動保存しません。サイト全体のWCAG適合を判定するものではありません。
入力後に「コントラストを計算」を押してください。
- 通常の文字 AA（4.5:1以上）
- 大きな文字 AA（3:1以上）
- 通常の文字 AAA（7:1以上）
- 大きな文字 AAA（4.5:1以上）
- 対象となる非テキストUI・図形（3:1以上）
文字の見本 Aa 123 — 合成後の前景と背景
大きな文字は18pt以上（24 CSS px）、または太字14pt以上（約18.67 CSS px）が目安です。日本語などCJKでは同等の文字サイズが適用されます。見本の表示サイズで適用条件を決めず、実際の使用サイズ・太さを確認してください。
非テキストの3:1は、操作部品の識別・状態や意味のある図形に必要な視覚情報と隣接色に適用します。すべてのUI要素が対象ではありません。非アクティブな部品、作者が外観を変更していないブラウザ標準の部品、情報に不可欠な特定の外観を持つ図形には例外があります。
公式解説: 1.4.3 コントラスト（最低限） / 1.4.6 コントラスト（高度） / 1.4.11 非テキストのコントラスト
コントラスト機能を読み込めませんでした。ページを再読込して再試行してください。名称・値・検索・コピー・保存はそれぞれ引き続き利用できます。
CSSの保存色
保存色はこの端末のこのブラウザで利用できます。ブラウザのデータ消去に備え、必要な色はバックアップをダウンロードしてください。
復旧前に、読み取れる保存内容を下のボタンからファイルに書き出してください。自動で復旧や上書きは行いません。書き出した後、バックアップの内容を確認して復元できます。
バックアップから全体を復元
手入力・貼付けはUTF-8で64KiB、JSONファイルは1MiB、合計10,000項目まで。上限を超える貼付けは追加せず、元の入力を保持します。プレビューだけでは保存内容は変わりません。復元すると、CSSの保存色と以前の保存内容の控えが全体ごと置き換わります。和名・英語名の保存色は変更しません。
プレビューはまだありません。
以前のお気に入りを確認・書き出す
以前のお気に入りは、下のボタンを押したときだけ読み取ります。元の保存内容は変更・削除しません。手入力・貼り付けは64KiB、JSONファイルは1MiBまでです。このサイトを開いているブラウザ内の保存が対象で、別の端末やブラウザ、ほかのサイトの保存は自動取得できません。以前の保存番号と現在の色名の対応が確認できないため、自動変換は行いません。
旧保存は自動で読み取りません。
和の色名・英語の色名の保存色
保存した色は、この端末のこのブラウザで利用できます。CSSの保存色とは別に管理し、辞典が更新されても保存時の名前と色の値を残します。ブラウザのデータ消去に備え、必要な色はバックアップをダウンロードしてください。
保存機能にはJavaScriptが必要です。読み込みが終わると利用できます。
和名・英語名の保存色をバックアップから追加
この欄からダウンロードした1MiB以下のJSONファイルを選び、追加内容を確認してください。プレビューだけでは保存内容は変わりません。確認後に現在の保存色へ追加します。同じ保存項目で名前や色の値が食い違う場合は、上書きせず追加を中止します。CSSの保存色と以前の保存内容は変更しません。
プレビューはまだありません。
保存機能を読み込めませんでした。ページを再読込して再試行してください。名称・値・検索・コピーは引き続き利用できます。