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