CSS Named Colorsの色一覧

CSS Named Colorsに含まれる色を、カラーコード付きで一覧できます。

色を探す色を比べる配色を作るコードを調べる

初めて見る方へ｜CSS Named Colorsの一覧の見方

このページで使っている分類軸の意味を先に確認します。色は連続的に変化するため、分類の境界が一つに固定できない場合もあります。

規格・色体系とは？

JISやCSS Named Colorsなど、色名や数値が特定の規格・体系で定義または整理されている色をまとめます。体系ごとに定義方法は異なります。

HEXとは？

#RRGGBB の6桁でRGBの色を表すWeb向けのカラーコードです。実物の染料・顔料・印刷色そのものを完全に固定する値ではありません。

一覧の分類について

色しるべでは検索しやすくするために分類を付けています。歴史的・文化的な色は、資料や研究によって解釈が異なる場合があります。

JIS慣用色名180CSS Named Colors141

CSS Named Colorsとは

CSS Named Colorsは、CSSで色名キーワードとして指定できる名前付き色です。色しるべでは141色を色見本・名前・HEXから一覧し、一般色名との違いも確認できます。

141登録色
101詳しく探せる主要色
2日本の伝統色

CSS Named Colorsの代表色

検索需要や情報の充実度をもとに、色しるべで詳しく確認できる代表色を優先表示しています。

CSS Named Colorsに含まれる日本の伝統色

2色のうち、代表的な色を紹介します。和色の由来や歴史は各色の詳細ページで確認できます。

CSS Named Colorsの色を一覧から探す

登録されている色をすべて対象に、色名検索や色相・明るさ・鮮やかさで並び替えられます。

141 色

CSS Named Colorsをもっと調べる

一覧で見つけた色を、そのまま検索・比較・配色・カラーコード確認へつなげられます。

CSS Named Colorsから色を探す色名・HEX・色系統・トーンなどからさらに絞り込みます。開く →2色を比較する色差・明るさ・鮮やかさ・色相などを数値でも比較できます。開く →配色を作る気になる色を基準に、組み合わせる色を探せます。開く →カラーコードを調べるHEX・RGBなどのコードから色を調べたり変換したりできます。開く →

色の名前・意味・カラーコード・配色・文化を、色からつながる形で探せる色の総合サイト。

1,662公開中の色

色を探す

配色・楽しむ

サイト情報

色系統から探す

ベージュ・生成系桃・ピンク系橙系水色・シアン系灰・グレー系白系紫系緑系茶系藍・紺系赤系赤紫系金・銀・銅系青系青紫系青緑系黄系黄緑系黒系