HTML5 で色名が使用できる140色

books-1204029_1920.jpg
Lubos HouskaによるPixabayからの画像

HTML5やCSS3では、色名で色を表現することが出来ます。
現在一般的に使われているブラウザでは対応しているはずです。

以下にその色名の一覧を表示します。
色の名前はアルファベット順になっています。
整理番号(1-140)は、便宜上の番号であり、固有の番号ではありません。

HTMLとCSSは、色名の大文字小文字を区別しませんので、大・小文字混合でもor全て小・大文字でもOKです。



色名が使える色の一覧 (1-20)

整理番号 色名 16進数
1 AliceBlue #F0F8FF  
2 AntiqueWhite #FAEBD7  
3 Aqua #00FFFF  
4 Aquamarine #7FFFD4  
5 Azure #F0FFFF  
6 Beige #F5F5DC  
7 Bisque #FFE4C4  
8 Black #000000  
9 BlanchedAlmond #FFEBCD  
10 Blue #0000FF  
11 BlueViolet #8A2BE2  
12 Brown #A52A2A  
13 BurlyWood #DEB887  
14 CadetBlue #5F9EA0  
15 Chartreuse #7FFF00  
16 Chocolate #D2691E  
17 Coral #FF7F50  
18 CornflowerBlue #6495ED  
19 Cornsilk #FFF8DC  
20 Crimson #DC143C  


色名が使える色の一覧 (21-40)

整理番号 色名 16進数
21 Cyan   #00FFFF  
22 DarkBlue #00008B  
23 DarkCyan #008B8B  
24 DarkGoldenRod #B8860B  
25 DarkGray #A9A9A9  
26 DarkGreen #006400  
27 DarkKhaki #BDB76B  
28 DarkMagenta #8B008B  
29 DarkOliveGreen #556B2F  
30 DarkOrange #FF8C00  
31 DarkOrchid #9932CC  
32 DarkRed #8B0000  
33 DarkSalmon #E9967A  
34 DarkSeaGreen #8FBC8F  
35 DarkSlateBlue #483D8B  
36 DarkSlateGray #2F4F4F  
37 DarkTurquoise #00CED1  
38 DarkViolet #9400D3  
39 DeepPink #FF1493  
40 DeepSkyBlue #00BFFF  


色名が使える色の一覧 (41-60)

整理番号 色名 16進数
41 DimGray #696969  
42 DodgerBlue #1E90FF  
43 FireBrick #B22222  
44 FloralWhite #FFFAF0  
45 ForestGreen #228B22  
46 Fuchsia #FF00FF  
47 Gainsboro #DCDCDC  
48 GhostWhite #F8F8FF  
49 Gold #FFD700  
50 GoldenRod #DAA520  
51 Gray #808080  
52 Green #008000  
53 GreenYellow #ADFF2F  
54 HoneyDew #F0FFF0  
55 HotPink #FF69B4  
56 IndianRed #CD5C5C  
57 Indigo #4B0082  
58 Ivory #FFFFF0  
59 Khaki #F0E68C  
60 Lavender #E6E6FA  


色名が使える色の一覧 (61-80)

整理番号 色名 16進数
61 LavenderBlush #FFF0F5  
62 LawnGreen #7CFC00  
63 LemonChiffon #FFFACD  
64 LightBlue #ADD8E6  
65 LightCoral #F08080  
66 LightCyan #E0FFFF  
67 LightGoldenRodYellow #FAFAD2  
68 LightGray #D3D3D3  
69 LightGreen #90EE90  
70 LightPink #FFB6C1  
71 LightSalmon #FFA07A  
72 LightSeaGreen #20B2AA  
73 LightSkyBlue #87CEFA  
74 LightSlateGray #778899  
75 LightSteelBlue #B0C4DE  
76 LightYellow #FFFFE0  
77 Lime #00FF00  
78 LimeGreen #32CD32  
79 Linen #FAF0E6  
80 Magenta #FF00FF  


色名が使える色の一覧 (81-100)

整理番号 色名 16進数
81 Maroon #800000  
82 MediumAquaMarine #66CDAA  
83 MediumBlue #0000CD  
84 MediumOrchid #BA55D3  
85 MediumPurple #9370DB  
86 MediumSeaGreen #3CB371  
87 MediumSlateBlue #7B68EE  
88 MediumSpringGreen #00FA9A  
89 MediumTurquoise #48D1CC  
90 MediumVioletRed #C71585  
91 MidnightBlue #191970  
92 MintCream #F5FFFA  
93 MistyRose #FFE4E1  
94 Moccasin #FFE4B5  
95 NavajoWhite #FFDEAD  
96 Navy #000080  
97 OldLace #FDF5E6  
98 Olive #808000  
99 OliveDrab #6B8E23  
100 Orange #FFA500  


色名が使える色の一覧 (101-120)

整理番号 色名 16進数
101 OrangeRed #FF4500  
102 Orchid #DA70D6  
103 PaleGoldenRod #EEE8AA  
104 PaleGreen #98FB98  
105 PaleTurquoise #AFEEEE  
106 PaleVioletRed #DB7093  
107 PapayaWhip #FFEFD5  
108 PeachPuff #FFDAB9  
109 Peru #CD853F  
110 Pink #FFC0CB  
111 Plum #DDA0DD  
112 PowderBlue #B0E0E6  
113 Purple #800080  
114 Red #FF0000  
115 RosyBrown #BC8F8F  
116 RoyalBlue #4169E1  
117 SaddleBrown #8B4513  
118 Salmon #FA8072  
119 SandyBrown #F4A460  
120 SeaGreen #2E8B57  


色名が使える色の一覧 (121-140)

整理番号 色名 16進数
121 SeaShell #FFF5EE  
122 Sienna #A0522D  
123 Silver #C0C0C0  
124 SkyBlue #87CEEB  
125 SlateBlue #6A5ACD  
126 SlateGray #708090  
127 Snow #FFFAFA  
128 SpringGreen #00FF7F  
129 SteelBlue #4682B4  
130 Tan #D2B48C  
131 Teal #008080  
132 Thistle #D8BFD8  
133 Tomato #FF6347  
134 Turquoise #40E0D0  
135 Violet #EE82EE  
136 Wheat #F5DEB3  
137 White #FFFFFF  
138 WhiteSmoke #F5F5F5  
139 Yellow #FFFF00  
140 YellowGreen #9ACD32  



注意すべき色名

「グレイ」関係の色名は「gray」と「grey」の2つの表記方法があります。
各種のブラウザはどちらでも対応していると思いますが、ここではすべて「gray」に統一しました。
25 DarkGray / DarkGrey、36 DarkSlateGray / DarkSlateGrey、
41 DimGray / DimGrey、51 Gray / Grey、
67 LightGray / LightGrey、73 LightSlateGray / LightSlateGrey
126 SlateGray / SlateGrey

異名同色が、2組あります。
46 Fuchsiaと79 Magentaは、どちらも16進数「#FAF0E6」で同じ色です。
3 Aquaと21 Cyanは、どちらも16進数「#00FFFF」で同じ色です。


ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 159

なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー)
驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた
面白い 面白い 面白い 面白い 面白い 面白い 面白い 面白い 面白い 面白い 面白い
ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス

この記事へのコメント