色名 カラーチャート  
  (12色相別)  

 このカラーチャートは色名(カラーネーム)で指定可能な色を12色相別でリストアップしています。
 色相(hue) ≫ 彩度(saturation) ≫ 明度(lightness)の順でソートし、オストワルト体系に基づく12色相環により大きく分類しました。
 全部で147色がエントリーされていますが、その内 2色[cyanaqua] [magentafuchsia]は同じカラーコードになります。
 また、ブラウザによっては未対応の色名もあったり、HTMLとスタイルシートでも異なる場合もあるようです。

black dimgray gray darkgray silver lightgrey gainsboro whitesmoke white crimson pink lightpink rosybrown indianred brown firebrick lightcoral maroon darkred red snow darkbrown mistyrose salmon tomato darksalmon coral orangered lightsalmon sienna seashell chocolate saddlebrown sandybrown peachpuff peru linen bisque darkorange burlywood tan antiquewhite navajowhite blanchedalmond papayawhip moccasin orange wheat oldlace floralwhite darkgoldenrod goldenrod cornsilk gold brass khaki lemonchiffon palegoldenrod darkkhaki beige lightgoldenrodyellow olive yellow lightyellow ivory olivedrab yellowgreen darkolivegreen greenyellow chartreuse lawngreen darkseagreen forestgreen limegreen lightgreen palegreen darkgreen green lime honeydew seagreen mediumseagreen springgreen mintcream mediumspringgreen mediumaquamarine aquamarine cornflower turquoise lightseagreen mediumturquoise darkslategray paleturquoise teal darkcyan aqua cyan lightcyan azure darkturquoise cadetblue powderblue richblue lightblue deepskyblue skyblue lightskyblue steelblue aliceblue dodgerblue slategray lightslategray lightsteelblue cornflowerblue royalblue coolcopper midnightblue lavender navy darkblue mediumblue blue ghostwhite slateblue darkslateblue mediumslateblue mediumpurple blueviolet indigo darkorchid darkviolet mediumorchid copper thistle plum violet purple darkmagenta fuchsia magenta orchid mediumvioletred deeppink hotpink feldsper lavenderblush palevioletred navy darkblue mediumblue blue darkgreen green teal darkcyan deepskyblue darkturquoise mediumspringgreen mediumspringgreen
リスト構成 & 検索用ツール
色見本 表示色での塗り潰しです  ★ ◆ 
色名(カラーネーム) すべて小文字表記です aliceblue
読み 一般的な読み方 アリスブルー
カラーコード #16進のカラーコード #f0f8ff
RGB値 10進のRGB値 240 248 255
VGA属性 VGA基本16色の場合は○ -
Web属性 WebSafeカラー216色の場合は○ -
色名 パレット(145色 + 2)
アクション : 
12色相環 検索
12色相環から検索
色名 検索 :
※ 色見本エリアでは、その色名がスタイルシート未対応なら★マークが、HTMLタグ未対応なら◆マークが浮き出ます!

グレー系 (hue = ∞)  
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  black ブラック #000000   0   0   0
 ★ ◆  dimgray ディムグレー #696969 105 105 105
 ★ ◆  gray グレー #808080 128 128 128
 ★ ◆  darkgray ダークグレー #a9a9a9 169 169 169
 ★ ◆  silver シルバー #c0c0c0 192 192 192
 ★ ◆  lightgrey ライトグレー #d3d3d3 211 211 211
 ★ ◆  gainsboro ゲインズボロ #dcdcdc 220 220 220
 ★ ◆  whitesmoke ホワイトスモーク #f5f5f5 245 245 245
 ★ ◆  white ホワイト #ffffff 255 255 255
レッド系 (345 < hue ≦ 15) 
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  crimson クリムゾン #dc143c 220  20  60
 ★ ◆  pink ピンク #ffc0cb 255 192 203
 ★ ◆  lightpink ライトピンク #ffb6c1 255 182 193
 ★ ◆  rosybrown ロージーブラウン #bc8f8f 188 143 143
 ★ ◆  indianred インディアンレッド #cd5c5c 205  92  92
 ★ ◆  brown ブラウン #a52a2a 165  42  42
 ★ ◆  firebrick ファイアブリック #b22222 178  34  34
 ★ ◆  lightcoral ライトコーラル #f08080 240 128 128
 ★ ◆  maroon マルーン #800000 128   0   0
 ★ ◆  darkred ダークレッド #8b0000 139   0   0
 ★ ◆  red レッド #ff0000 255   0   0
 ★ ◆  snow スノー #fffafa 255 250 250
 ★ ◆  darkbrown ダークブラウン #da0b00 218  11   0
 ★ ◆  mistyrose ミスティローズ #ffe4e1 255 228 225
 ★ ◆  salmon サーモン #fa8072 250 128 114
 ★ ◆  tomato トマト #ff6347 255  99  71
レッド・イエロー系 (15 < hue ≦ 45) 
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  darksalmon ダークサーモン #e9967a 233 150 122
 ★ ◆  coral コーラル #ff7f50 255 127  80
 ★ ◆  orangered オレンジレッド #ff4500 255  69   0
 ★ ◆  lightsalmon ライトサーモン #ffa07a 255 160 122
 ★ ◆  sienna シェンナ #a0522d 160  82  45
 ★ ◆  seashell シーシェル #fff5ee 255 245 238
 ★ ◆  chocolate チョコレート #d2691e 210 105  30
 ★ ◆  saddlebrown サドルブラウン #8b4513 139  69  19
 ★ ◆  sandybrown サンディブラウン #f4a460 244 164  96
 ★ ◆  peachpuff ピーチパフ #ffdab9 255 218 185
 ★ ◆  peru ペルー #cd853f 205 133  63
 ★ ◆  linen リネン #faf0e6 250 240 230
 ★ ◆  bisque ビスク #ffe4c4 255 228 196
 ★ ◆  darkorange ダークオレンジ #ff8c00 255 140   0
 ★ ◆  burlywood バリーウッド #deb887 222 184 135
 ★ ◆  tan タン #d2b48c 210 180 140
 ★ ◆  antiquewhite アンティークホワイト #faebd7 250 235 215
 ★ ◆  navajowhite ナバホホワイト #ffdead 255 222 173
 ★ ◆  blanchedalmond ブランチアーモンド #ffebcd 255 235 205
 ★ ◆  papayawhip パパイヤホイップ #ffefd5 255 239 213
 ★ ◆  moccasin モカシン #ffe4b5 255 228 181
 ★ ◆  orange オレンジ #ffa500 255 165   0
 ★ ◆  wheat ウィート #f5deb3 245 222 179
 ★ ◆  oldlace オールドレース #fdf5e6 253 245 230
 ★ ◆  floralwhite フローラルホワイト #fffaf0 255 250 240
 ★ ◆  darkgoldenrod ダークゴールデンロッド #b8860b 184 134  11
 ★ ◆  goldenrod ゴールデンロッド #daa520 218 165  32
イエロー系 (45 < hue ≦ 75) 
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  cornsilk コーンシルク #fff8dc 255 248 220
 ★ ◆  gold ゴールド #ffd700 255 215   0
 ★ ◆  brass ブラス #b5a642 181 166  66
 ★ ◆  khaki カーキ #f0e68c 240 230 140
 ★ ◆  lemonchiffon レモンシフォン #fffacd 255 250 205
 ★ ◆  palegoldenrod ペイルゴールデンロッド #eee8aa 238 232 170
 ★ ◆  darkkhaki ダークカーキ #bdb76b 189 183 107
 ★ ◆  beige ベージュ #f5f5dc 245 245 220
 ★ ◆  lightgoldenrodyellow ライトゴールデンロッドイエロー #fafad2 250 250 210
 ★ ◆  olive オリーブ #808000 128 128   0
 ★ ◆  yellow イエロー #ffff00 255 255   0
 ★ ◆  lightyellow ライトイエロー #ffffe0 255 255 224
 ★ ◆  ivory アイボリー #fffff0 255 255 240
イエロー・グリーン系 (75 < hue ≦ 105)
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  olivedrab オリーブドラブ #6b8e23 107 142  35
 ★ ◆  yellowgreen イエローグリーン #9acd32 154 205  50
 ★ ◆  darkolivegreen ダークオリーブグリーン #556b2f  85 107  47
 ★ ◆  greenyellow グリーンイエロー #adff2f 173 255  47
 ★ ◆  chartreuse シャルトルーズ #7fff00 127 255   0
 ★ ◆  lawngreen ローングリーン #7cfc00 124 252   0
グリーン系 (105 < hue ≦ 135)
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  darkseagreen ダークシーグリーン #8fbc8f 143 188 143
 ★ ◆  forestgreen フォレストグリーン #228b22  34 139  34
 ★ ◆  limegreen ライムグリーン #32cd32  50 205  50
 ★ ◆  lightgreen ライトグリーン #90ee90 144 238 144
 ★ ◆  palegreen ペイルグリーン #98fb98 152 251 152
 ★ ◆  darkgreen ダークグリーン #006400   0 100   0
 ★ ◆  green グリーン #008000   0 128   0
 ★ ◆  lime ライム #00ff00   0 255   0
 ★ ◆  honeydew ハニーデュー #f0fff0 240 255 240
グリーン・シアン系 (135 < hue ≦ 165)
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  seagreen シーグリーン #2e8b57  46 139  87
 ★ ◆  mediumseagreen ミディアムシーグリーン #3cb371  60 179 113
 ★ ◆  springgreen スプリンググリーン #00ff7f   0 255 127
 ★ ◆  mintcream ミントクリーム #f5fffa 245 255 250
 ★ ◆  mediumspringgreen ミディアムスプリンググリーン #00fa9a   0 250 154
 ★ ◆  mediumaquamarine ミディアムアクアマリン #66cdaa 102 205 170
 ★ ◆  aquamarine アクアマリン #7fffd4 127 255 212
 ★ ◆  cornflower コーンフラワー #bfefdf 191 239 223
シアン系 (165 < hue ≦ 195)
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  turquoise ターコイズ #40e0d0  64 224 208
 ★ ◆  lightseagreen ライトシーグリーン #20b2aa  32 178 170
 ★ ◆  mediumturquoise ミディアムターコイズ #48d1cc  72 209 204
 ★ ◆  darkslategray ダークスレートグレー #2f4f4f  47  79  79
 ★ ◆  paleturquoise ペイルターコイズ #afeeee 175 238 238
 ★ ◆  teal ティール #008080   0 128 128
 ★ ◆  darkcyan ダークシアン #008b8b   0 139 139
 ★ ◆  aqua アクア #00ffff   0 255 255
 ★ ◆  cyan シアン #00ffff   0 255 255
 ★ ◆  lightcyan ライトシアン #e0ffff 224 255 255
 ★ ◆  azure アジャー #f0ffff 240 255 255
 ★ ◆  darkturquoise ダークターコイズ #00cdd1   0 205 209
 ★ ◆  cadetblue カデットブルー #5f9ea0  95 158 160
 ★ ◆  powderblue パウダーブルー #b0e0e6 176 224 230
 ★ ◆  richblue リッチブルー #0cb0e0  12 176 224
 ★ ◆  lightblue ライトブルー #add8e6 173 216 230
シアン・ブルー系 (195 < hue ≦ 225)
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  deepskyblue ディープスカイブルー #00bfff   0 191 255
 ★ ◆  skyblue スカイブルー #87ceeb 135 206 235
 ★ ◆  lightskyblue ライトスカイブルー #87cefa 135 206 250
 ★ ◆  steelblue スチールブルー #4682b4  70 130 180
 ★ ◆  aliceblue アリスブルー #f0f8ff 240 248 255
 ★ ◆  dodgerblue ドッジャーブルー #1e90ff  30 144 255
 ★ ◆  slategray スレートグレー #708090 112 128 144
 ★ ◆  lightslategray ライトスレートグレー #778899 119 136 153
 ★ ◆  lightsteelblue ライトスチールブルー #b0c4de 176 196 222
 ★ ◆  cornflowerblue コーンフラワーブルー #6090ef  96 144 239
 ★ ◆  royalblue ロイヤルブルー #4169e1  65 105 225
ブルー系 (225 < hue ≦ 255)
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  coolcopper クールカッパー #bfbfdf 191 191 223
 ★ ◆  midnightblue ミッドナイトブルー #191970  25  25 112
 ★ ◆  lavender ラベンダー #e6e6fa 230 230 250
 ★ ◆  navy ネイビー #000080   0   0 128
 ★ ◆  darkblue ダークブルー #00008b   0   0 139
 ★ ◆  mediumblue ミディアムブルー #0000cd   0   0 205
 ★ ◆  blue ブルー #0000ff   0   0 255
 ★ ◆  ghostwhite ゴーストホワイト #f8f8ff 248 248 255
 ★ ◆  slateblue スレートブルー #6a5acd 106  90 205
 ★ ◆  darkslateblue ダークスレートブルー #483d8b  72  61 139
 ★ ◆  mediumslateblue ミディアムスレートブルー #7b68ee 123 104 238
ブルー・マゼンタ系 (255 < hue ≦ 285)
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  mediumpurple ミディアムパープル #9370db 147 112 219
 ★ ◆  blueviolet ブルーバイオレット #8a2be2 138  43 226
 ★ ◆  indigo インディゴ #4b0082  75   0 130
 ★ ◆  darkorchid ダークオーキッド #9932cc 153  50 204
 ★ ◆  darkviolet ダークバイオレット #9400d3 148   0 211
マゼンタ系 (285 < hue ≦ 315)
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  mediumorchid ミディアムオーキッド #ba55d3 186  85 211
 ★ ◆  copper カッパー #bf00df 191   0 223
 ★ ◆  thistle シスル #d8bfd8 216 191 216
 ★ ◆  plum プラム #dda0dd 221 160 221
 ★ ◆  violet バイオレット #ee82ee 238 130 238
 ★ ◆  purple パープル #800080 128   0 128
 ★ ◆  darkmagenta ダークマゼンタ #8b008b 139   0 139
 ★ ◆  fuchsia フクシア #ff00ff 255   0 255
 ★ ◆  magenta マゼンタ #ff00ff 255   0 255
 ★ ◆  orchid オーキッド #da70d6 218 112 214
マゼンタ・レッド系 (315 < hue ≦ 345)
  色名 読み コード RGB値 VGA Web コマンド
 ★ ◆  mediumvioletred ミディアムバイオレットレッド #c71585 199  21 133
 ★ ◆  deeppink ディープピンク #ff1493 255  20 147
 ★ ◆  hotpink ホットピンク #ff69b4 255 105 180
 ★ ◆  feldsper フェルドスパー #fed0e0 254 208 224
 ★ ◆  lavenderblush ラベンダーブラッシュ #fff0f5 255 240 245
 ★ ◆  palevioletred ペイルバイオレットレッド #db7093 219 112 147
このぺージのトップへ移動