色の指定は直接色の名前を指定する方法と"#RRGGBB"形式で指定する方法があります。
ここでは、様々な色が表現できる"#RRGGBB"形式について説明したいと思います。
#RRGGBBと色の名前
| #000000 black |
#000080 navy |
#00008b darkblue |
#0000cd mediumblue |
#0000ff blue |
| #006400 darkgreen |
#008000 green |
#008080 teal |
#008b8b darkcyan |
#00bfff deepskyblue |
| #00ced1 darkturquoise |
#00de2b honeydewtab |
#00fa9a mediumspringgreen |
#00ff7f springgreen |
#00ff00 lime |
| #00ffff aqua |
#00ffff cyan |
#191970 midnightblue |
#1e90ff dodgerblue |
#20b2aa lightseagreen |
| #228b22 forestgreen |
#2e8b57 seagreen |
#2f4f4f darkslategray |
#32cd32 limegreen |
#3cb371 mediumseagreen |
| #40e0d0 turqroise |
#4169e1 royalblue |
#4682b4 steelblue |
#483d8b darkslateblue |
#48d1cc mediumturquoise |
| #4b0082 indigo |
#556b21 darkolivegreen |
#5f9ea0" cadetblue |
#6495ed cornflowerblue |
#66cdaa mediumaquamarine |
| #696969 dimgray |
#6a5acd slatblue |
#6b8e23 olivedrab |
#708090 slategray |
#778899 lightslategray |
| #7b68ee mediumslateblue |
#7cfc00 lawngreen |
#7fff00 chartreuse |
#7fffd4 aquamarine |
#800000 maroon |
| #800080 purple |
#808000 olive |
#808080 gray |
#87ceeb skyblue |
#87cefa lightskyblue |
| #8a2be2 blueviolet |
#8b0000 darkred |
#8b008b darkmagenta |
#8b4513 saddlebrown |
#8fbc8f darkseagreen |
| #90ee90 lightgreen |
#9370db mediumpurple |
#9400d3 darkviolet |
#98fb98 palegreen |
#9932cc darkorchid |
| #9acd32 yellowgreen |
#a0522d sienna |
#a52a2a brown |
#a9a9a9 darkgray |
#add8e6 lightblue |
| #adff2f greenyellow |
#afeeee paleturquoise |
#b0c4de lightsteelblue |
#b0e0e6 powderblue |
#b22222 firebrick |
| #b8860b darkgoldenrod |
#ba55d6 mediummorchid |
#bc8f8f rosybrown |
#bdb76b darkkhaki |
#c0c0c0 silver |
| #c71587 mediumvioletred |
#cd5c5c indianred |
#cd853f peru |
#d2691e chocolate |
#d2b48c tan |
| #d3d3d3 lightgray |
#d8bfd8 thistle |
#da70d6 orchid |
#daa520 goldenrod |
#db7093 palevioletred |
| #dc143c crimson |
#dcdcdc gainsboro |
#dda0dd plum |
#deb887 burlywood |
#e0ffff lightcyan |
| #e6e6fa lavender |
#e9967a darksalmon |
#ee82ee violet |
#ee8aa palegoldenrod |
#f08080 lightcoral |
| #f0e68c khaki |
#f0f8ff aliceblue |
#f0fff0 honeydew |
#f0ffff azure |
#f4a460 sandybrown |
| #f5deb3 wheat |
#f5f5dc beige |
#f5f5f5 whitesmoke |
#f5fffa mintcream |
#f8f8ff ghostwhite |
| #fa8072 salmon |
#faebd7 antiquewhite |
#faf0e6 linen |
#fafad2 lightgoldenrodyellow |
#fdf5e6 oldlace |
| #ff0000 red |
#ff00ff fuchsia |
#ff00ff magenta |
#ff1493 deeppink |
#ff4500 orangered |
| #ff6347 tomato |
#ff69b4 hotpink |
#ff7f50 coral |
#ff8c00 darkorange |
#ffa07a lightsalmon |
| #ffa500 orange |
#ffb6c1 lightpink |
#ffc0cb pink |
#ffd700 gold |
#ffdab9 peachpuff |
| #ffdeab navajowhite |
#ffe4b5 moccasin |
#ffe4c4 bisque |
#ffe4e1 mistyrose |
#ffebcd blanchedalmond |
| #ffdeab papayawhip |
#fff0f5 lavenderblush |
#fff5ee seashell |
#fff8dc cornsilk |
#fffacd lemonchiffon |
| #fffaf0 floralwhite |
#fffafa snow |
#ffff00 yellow |
#ffffe0 lightyellow |
#fffff0 ivory |
| #ffffff white |
⇒⇒home