42 / 42 色。保存する内容は下の色表と同じです。
| 色見本・名前 | HEX / RGB | 使う |
|---|---|---|
| 桜色 / Sakura | #F4D7DArgb(244 215 218) | |
| チャコールグレー / Charcoal gray | #36454Frgb(54 69 79) | |
| バーガンディ / Burgundy | #800020rgb(128 0 32) | |
| 水色 / Light blue | #ADD8E6rgb(173 216 230) | |
| アイボリー / Ivory | #FFFFF0rgb(255 255 240) | |
| ベージュ / Beige | #F5F5DCrgb(245 245 220) | |
| ロイヤルブルー / RoyalBlue | #4169E1rgb(65 105 225) | |
| ネイビー / Navy | #000080rgb(0 0 128) | |
| サーモン / Salmon | #FA8072rgb(250 128 114) | |
| コーラル / Coral | #FF7F50rgb(255 127 80) | |
| ゴールド / Gold | #FFD700rgb(255 215 0) | |
| シルバー / Silver | #C0C0C0rgb(192 192 192) | |
| ピンク / Pink | #FFC0CBrgb(255 192 203) | |
| ライトグリーン / LightGreen | #90EE90rgb(144 238 144) | |
| ティール / Teal | #008080rgb(0 128 128) | |
| オリーブ / Olive | #808000rgb(128 128 0) | |
| ラベンダー / Lavender | #E6E6FArgb(230 230 250) | |
| プラム / Plum | #DDA0DDrgb(221 160 221) | |
| トマト / Tomato | #FF6347rgb(255 99 71) | |
| クリムゾン / Crimson | #DC143Crgb(220 20 60) | |
| ウィート / Wheat | #F5DEB3rgb(245 222 179) | |
| チョコレート / Chocolate | #D2691Ergb(210 105 30) | |
| シエナ / Sienna | #A0522Drgb(160 82 45) | |
| スチールブルー / SteelBlue | #4682B4rgb(70 130 180) | |
| スレートグレー / SlateGray | #708090rgb(112 128 144) | |
| ゲインズボロ / Gainsboro | #DCDCDCrgb(220 220 220) | |
| ホワイト / White | #FFFFFFrgb(255 255 255) | |
| ブラック / Black | #000000rgb(0 0 0) | |
| オレンジ / Orange | #FFA500rgb(255 165 0) | |
| イエロー / Yellow | #FFFF00rgb(255 255 0) | |
| フォレストグリーン / ForestGreen | #228B22rgb(34 139 34) | |
| レベッカパープル / RebeccaPurple | #663399rgb(102 51 153) | |
| 浅葱色 / asagi | #61A8ADrgb(97 168 173) | |
| 紅梅色 / koubai | #D68A9Ergb(214 138 158) | |
| 蘇芳 / suou | #8B4357rgb(139 67 87) | |
| 群青色 / gunjou | #3E58A8rgb(62 88 168) | |
| 納戸色 / nando | #347B82rgb(52 123 130) | |
| 利休鼠 / rikyu nezumi | #8A9488rgb(138 148 136) | |
| 木賊色 / tokusa | #476D59rgb(71 109 89) | |
| 萌黄色 / moegi | #A8BC54rgb(168 188 84) | |
| 山吹色 / yamabuki | #E9B53Ergb(233 181 62) | |
| 鳶色 / tobi | #825847rgb(130 88 71) |
名前と値を分けて考える
CSS の navy や ivory は決まった値を持つキーワードです。一方で、服やインテリアの「ネイビー」「アイボリー」には素材やメーカーによる幅があります。掲載色の出典を確認して使い分けましょう。
そのまま指定できる CSS の名前
red、blue、navy、gold などは CSS の color プロパティに指定できます。名前の綴りを間違えると適用されません。コード検索で見本と値を確かめると便利です。
正確に共有するとき
名前に加えて HEX や RGB も共有すると、デジタル上で同じ値を再利用できます。色板に保存して JSON を出力すれば、順序や名前も一緒に持ち運べます。
参考：関連する技術資料 · 編集：いろレシピ
内容確認：2026年10月13日