カラーネーム表(147色)
HTMLでは16進数表記の他にカラーネームで色を指定することも出来ますが、色名によっては使用OSやブラウザのバージョン等の環境で正しく表示できないことが有るので注意が必要です。
背景色を変更して確認して下さい。
color code | color name |
#000000 | ■ black |
#191970 | ■ midnightblue |
#000080 | ■ navy |
#00008B | ■ darkblue |
#483D8B | ■ darkslateblue |
#0000CD | ■ mediumblue |
#0000FF | ■ blue |
#6A5ACD | ■ slateblue |
#7B68EE | ■ mediumslateblue |
#4169E1 | ■ royalblue |
#6495ED | ■ cornflowerblue |
#1E90FF | ■ dodgerblue |
#00BFFF | ■ deepskyblue |
#87CEFA | ■ lightskyblue |
#87CEEB | ■ skyblue |
#ADD8E6 | ■ lightblue |
#B0E0E6 | ■ powderblue |
#AFEEEE | ■ paleturquoise |
#E0FFFF | ■ lightcyan |
#F0FFFF | ■ azure |
#F0FFF0 | ■ honeydew |
#F5FFFA | ■ mintcream |
#F8F8FF | ■ ghostwhite |
#F0F8FF | ■ aliceblue |
#E6E6FA | ■ lavender |
#D8BFD8 | ■ thistle |
#DDA0DD | ■ plum |
#EE82EE | ■ violet |
#DA70D6 | ■ orchid |
#FF00FF | ■ magenta, fuchsia |
#BA55D3 | ■ mediumorchid |
#9370DB | ■ mediumpurple |
#8A2BE2 | ■ blueviolet |
#9932CC | ■ darkorchid |
#9400D3 | ■ darkviolet |
#8B008B | ■ darkmagenta |
#4B0082 | ■ indigo |
#800080 | ■ purple |
#C71585 | ■ mediumvioletred |
#FF1493 | ■ deeppink |
#FF69B4 | ■ hotpink |
#DB7093 | ■ palevioletred |
#FFB6C1 | ■ lightpink |
#FFC0CB | ■ pink |
#FFE4E1 | ■ mistyrose |
#FFF0F5 | ■ lavenderblush |
#FAF0E6 | ■ linen |
#FFF5EE | ■ seashell |
#FFFAFA | ■ snow |
color code | color name |
#008B8B | ■ darkcyan |
#008080 | ■ teal |
#20B2AA | ■ lightseagreen |
#00CED1 | ■ darkturquoise |
#48D1CC | ■ mediumturquois |
#40E0D0 | ■ turquoise |
#00FFFF | ■ cyan, aqua |
#00FFE0 | ■ lime |
#7FFFD4 | ■ aquamarine |
#00FA9A | ■ mediumspringgreen |
#00FF7F | ■ springgreen |
#7CFC00 | ■ lawngreen |
#7FFF00 | ■ chartreuse |
#ADFF2F | ■ greenyellow |
#90EE90 | ■ lightgreen |
#98FB98 | ■ palegreen |
#32CD32 | ■ limegreen |
#00DE2B | ■ honeydewtab |
#9ACD32 | ■ yellowgreen |
#6B8E23 | ■ olivedrab |
#556B2F | ■ darkolivegreen |
#808000 | ■ olive |
#BDB76B | ■ darkkhaki |
#F0E68C | ■ khaki |
#EEE8AA | ■ palegoldenrod |
#FFFACD | ■ lemonchiffon |
#FFF8DC | ■ cornsilk |
#F5F5DC | ■ beige |
#FFFFF0 | ■ ivory |
#FFFFE0 | ■ lightyellow |
#FAFAD2 | ■ lightgoldenrodyellow |
#FFFF00 | ■ yellow |
#FFD700 | ■ gold |
#DAA520 | ■ goldenrod |
#B8860B | ■ darkgoldenrod |
#FF8C00 | ■ darkorange |
#FFA500 | ■ orange |
#F4A460 | ■ sandybrown |
#CD853F | ■ peru |
#D2691E | ■ chocolate |
#A0522D | ■ sienna |
#8B4513 | ■ saddlebrown |
#800000 | ■ maroon |
#8B0000 | ■ darkred |
#A52A2A | ■ brown |
#B22222 | ■ firebrick |
#DC143C | ■ crimson |
#FF0000 | ■ red |
#FF4500 | ■ orangered |
color code | color name |
#FF6347 | ■ tomato |
#FF7F50 | ■ coral |
#FA8072 | ■ salmon |
#F08080 | ■ lightcoral |
#CD5C5C | ■ indianred |
#BC8F8F | ■ rosybrown |
#E9967A | ■ darksalmon |
#FFA07A | ■ lightsalmon |
#D2B48C | ■ tan |
#DEB887 | ■ burlywood |
#F5DEB3 | ■ wheat |
#FFDEAD | ■ navajowhite |
#FFE4B5 | ■ moccasin |
#FFDAB9 | ■ peachpuff |
#FFE4C4 | ■ bisque |
#FAEBD7 | ■ antiquewhite |
#FFEBCD | ■ blanchedalmond |
#FFEFD5 | ■ papayawhip |
#FDF5E6 | ■ oldlace |
#FFFAF0 | ■ floralwhite |
#FFFFFF | ■ white |
#F5F5F5 | ■ whitesmoke |
#DCDCDC | ■ gainsboro |
#D3D3D3 | ■ lightgrey |
#C0C0C0 | ■ silver |
#A9A9A9 | ■ darkgray |
#778899 | ■ lightslategray |
#708090 | ■ slategray |
#808080 | ■ gray |
#696969 | ■ dimgray |
#2F4F4F | ■ darkslategray |
#006400 | ■ darkgreen |
#008000 | ■ green |
#228B22 | ■ forestgreen |
#2E8B57 | ■ seagreen |
#3CB371 | ■ mediumseagreen |
#8FBC8F | ■ darkseagreen |
#66CDAA | ■ mediumaquamarine |
#5F9EA0 | ■ cadetblue |
#4682B4 | ■ steelblue |
#B0C4DE | ■ lightsteelblue |
Browser等によって未対応 *注意 | |
#D98719 | ■ coolcopper* |
#B5A642 | ■ brass* |
#FED0E0 | ■ feldsper* |
#DA0B00 | ■ darkbrown* |
#BF00DF | ■ copper* |
#0CB0E0 | ■ richblue* |
#BFEFDF | ■ cornflower* |
*マーク付きのカラーネームはブラウザによって未対応の場合があります。その場合はカラーコードで指定して下さい。
magentaとfuchsia,cyanとaquaは、カラーネームは違いますが同じカラーコードです。
↻