カラーネーム一覧ColorName
Webの色を指定する方法としてカラーネームが用意されています。 実際にはブラウザによって対応しているカラーネームがまちまちなので16進数のカラーコードでの表記が確実ですが、 16進数の覚えにくいカラーコードより、単語として覚えられるので覚えやすく、 どこにどんな色が使われているかがイメージできるなどの利点があります。 よく使う色など覚えておけばとても便利です。
下記一覧表は左にカラーコード表記、右にカラーネーム表記で表示されています。 お使いのブラウザで左右の色が違って見える場合はブラウザが対応していない可能性が高いと思われます。 参考にして頂ければ幸いです。
| #ff0000 / RED / レッド | |
| #dc143c / CRIMSON / クリムゾン | |
| #b22222 / FIREBRICK / ファイヤーブリック | |
| #800000 / MAROON / マルーン | |
| #8b0000 / DARKRED / ダークレッド | |
| #a52a2a / BROWN / ブラウン | |
| #a0522d / SIENNA / シエナ | |
| #8b4513 / SADDLEBROWN / サドルブラウン | |
| #cd5c5c / INDIANRED / インディアンレッド | |
| #bc8f8f / ROSYBROWN / ロージーブラウン | |
| #f08080 / LIGHTCORAL / ライトコーラル | |
| #fa8072 / SALMON / サーモン | |
| #e9967a / DARKSALMON / ダークサーモン | |
| #ff7f50 / CORAL / コーラル | |
| #ff6347 / TOMATO / トマト | |
| #f4a60 / SANDYBROWN / サンディーブラウン | |
| #ffa07a / LIGHTSALMON / ライトサーモン | |
| #cd853f / PERU / ペルー | |
| #d2691e / CHOCOLATE / チョコレート | |
| #ff4500 / ORANGERED / オレンジレッド | |
| #ffa500 / ORANGE / オレンジ | |
| #ff8c00 / DARKORANGE / ダークオレンジ | |
| #d2b48c / TAN / タン | |
| #ffdab9 / PEACHPUFF / ピーチパフ | |
| #ffe4c4 / BISQUE / ビスク | |
| #ffeab5 / MOCCASIN / モカシン | |
| #ffdead / NAVAJOWHITE / ナバホホワイト | |
| #f5deb3 / WHEAT / ウィート | |
| #deb887 / BURLYWOOD / バーリーウッド | |
| #b8860b / DARKGOLDENROD / ダークゴールデンロッド | |
| #daa520 / GOLDENROD / ゴールデンロッド | |
| #ffd700 / GOLD / ゴールド | |
| #ffff00 / YELLOW / イエロー | |
| #fafad2 / LIGHTGOLDENRODYELLOW / ライトゴールデンロッドイエロー | |
| #eee8aa / PALEGOLDENROD / ペイルゴールデンロッド | |
| #f0e68c / KHAKI / カーキ | |
| #bdb76b / DARKKHAKI / ダークカーキ | |
| #7cfc00 / LAWNGREEN / ローングリーン | |
| #adff2f / GREENYELLOW / グリーンイエロー | |
| #7fff00 / CHARTREUSE / シャルトルーズ | |
| #00ff00 / LIME / ライム | |
| #32cd32 / LIMEGREEN / ライムグリーン | |
| #9acd32 / YELLOWGREEN / イエローグリーン | |
| #808000 / OLIVE / オリーブ | |
| #6b8e23 / OLIVERED / オリーブレッド | |
| #556b2f / DARKOLIVEGREEN / ダークオリーブグリーン | |
| #228b22 / FORESTGREEN / フォレストグリーン | |
| #006400 / DARKGREEN / ダークグリーン | |
| #008000 / GREEN / グリーンイエロー | |
| #2e8b57 / SEAGREEN / シーグリーン | |
| #3cb371 / MEDIUMSEAGREEN / ミディアムシーグリーン | |
| #8bfc8f / DARKSEAGREEN / ダークシーグリーン | |
| #90ee90 / LIGHTGREEN / ライトグリーン | |
| #98fb98 / PALEGREEN / ペイルグリーン | |
| #00ff7f / SPRINGGREEN / スプリンググリーン | |
| #00fa9a / MEDIUMSPRINGGREEN / ミディアムスプリンググリーン | |
| #008008 / TEAL / テール | |
| #008b8b / DARKCYAN / ダークシアン | |
| #20b2aa / LIGHTSEAGREEN / ライトシーグリーン | |
| #66cdaa / MEDIUMAQUAMARINE / ミディアムアクアマリン | |
| #5f9ea0 / CADETBLUE / キャデブルー | |
| #4682b4 / STEELBLUE / スチールブルー | |
| #7fffd4 / AQUAMARINE / アクアマリン | |
| #b0e0e6 / POWDERBLUE / パウダーブルー | |
| #afeeee / PALETURQUOISE / ペイルターコイズ | |
| #add8e6 / LIGHTBLUE / ライトブルー | |
| #b0c4de / LIGHTSTEELBLUE / ライトスチールブルー | |
| #87ceeb / SKYBLUE / スカイブルー | |
| #87cefa / LIGHTSKYBLUE / ライトスカイブルー | |
| #48d1cc / MEDIUMTURQUOISE / ミディアムターコイズ | |
| #40e0d0 / TURQUOISE / ターコイズ | |
| #00ced1 / DARKTURQUOISE / ダークターコイズ | |
| #00ffff / AQUA / アクア | |
| #00ffff / CYAN / シアン | |
| #00bfff / DEEPSKYBLUE / ディープスカイブルー | |
| #1e90ff / DODGERBLUE / ドジャーブルー | |
| #6495ed / CORNFLOWERBLUE / コーンフラワーブルー | |
| #4169e1 / ROYALBLUE / ロイヤルブルー | |
| #0000ff / BLUE / ブルー | |
| #0000cd / MEDIUMBLUE / ミディアムブルー | |
| #000080 / NAVY / ネイビー | |
| #0008b / DARKBLUE / ダークブルー | |
| #191970 / MIDNIGHTBLUE / ミッドナイトブルー | |
| #483d8b / DARKSLATEBLUE / ダークスレイトブルー | |
| #6a5acd / | |
| #7b68ee / MEDIUMSLATEBLUE / ミディアムスレイトブルー | |
| #9370db / MEDIUMPURPLE / ミディアムパープル | |
| #9932cc / DARKORCHID / ダークオーキッド | |
| #9400d3 / DARKVIOLET / ダークバイオレット | |
| #8a2be2 / BLUEVIOLET / ブルーバイオレット | |
| #ba55d3 / MEDIUMORCHID / ミディアムオーキッド | |
| #dda0dd / PLUM / プラム | |
| #e6e6fa / LAVENDER / ラベンダー | |
| #d8bfd8 / THISTLE / シスル | |
| #da70d6 / ORCHID / オーキッド | |
| #ee82ee / VIOLET / バイオレット | |
| #4b0082 / INDIGO / インディゴ | |
| #8b008b / DARKMAGENTA / ダークマゼンタ | |
| #800080 / PURPLE / パープル | |
| #c71585 / MEDIUMVIOLETRED / ミディアムバイオレットレッド | |
| #ff1493 / DEEPPINK / ディープピンク | |
| #ff00ff / FUCHSIA / フクシア | |
| #ff00ff / MAGENTA / マゼンタ | |
| #ff69b4 / HOTPINK / ホットピンク | |
| #db7093 / PALEVIOLETRED / ペイルバイオレットレッド | |
| #ffb6c1 / LIGHTPINK / ライトピンク | |
| #ffc0cb / PINK / ピンク | |
| #ffe4e1 / MISTYROSE / ミスティロージー | |
| #ffebcd / BLANCHEDALMOND / ブランシェデルモンド | |
| #ffffe0 / LIGHTYELLOW / ライトイエロー | |
| #fff8dc / CORNSILK / コーンシルク | |
| #faebd7 / ANTIQUEWHITE / アンティークホワイト | |
| #ffefd5 / PAPAYAWHIP / パパイヤウィプ | |
| #fffacd / LEMONCHIFFON / レモンシフォン | |
| #f5f5dc / BEIGE / ベージュ | |
| #faf0e6 / LINEN / リネン | |
| #fdf5e6 / LIGHTCYAN / ライトシアン | |
| #f0f8ff / ALICEBLUE / アリスブルー | |
| #f5f5f5 / WHITESMOKE / ホワイトスモーク | |
| #fff0f5 / LAVENDERBLUSH / ラベンダーブラッシュ | |
| #fffaf0 / FLORALWHITE / フローラルホワイト | |
| #f5fffa / MINTCREAM / ミントクリーム | |
| #f8f8ff / GHOSTWHITE / ゴーストホワイト | |
| #f0fff0 / HONEYDEW / ハニーデュー | |
| #fff5ee / SEASHELL / シーシェル | |
| #fffff0 / IVORY / アイボリー | |
| #f0ffff / AZURE / アズール | |
| #fffafa / SNOW / スノー | |
| #ffffff / WHITE / ホワイト | |
| #dcdcdc / GAINSBORO / ゲインズボロ | |
| #d3d3d3 / LIGHTGREY / ライトグレイ | |
| #c0c0c0 / SILVER / シルバー | |
| #a9a9a9 / DARKGREY / ダークグレイ | |
| #778899 / LIGHTSLATEGRAY / ライトスレイトグレー | |
| #708090 / SLATEGRAY / スレイトグレー | |
| #808080 / GRAY / グレー | |
| #696969 / DIMGRAY / ディムグレー | |
| #2f4f4f / DARKSLATEGRAY / ダークスレイトグレー | |
| #000000 / BLACK / ブラック | |
