概要

CSS色名一覧

CSS Named Colorsは、W3CのCSS Color Module仕様で定義されている148の色名です。これらの色名は、CSSで直接指定でき、すべての主要ブラウザでサポートされています。各色には対応するHexコード（#RRGGBB形式）とRGB値（rgb(R,G,B)形式）があり、Webデザインや開発において広く利用されています。色名は大文字と小文字を区別せず、gray/greyなどのスペル違いもサポートされています。

CSS Webデザイン色カラーコード Hex RGB W3C 仕様

コード	スラッグ	名称	カテゴリ	hex	rgb
1	indianred	Indian Red	red	#CD5C5C	rgb(205, 92, 92)
2	lightcoral	Light Coral	red	#F08080	rgb(240, 128, 128)
3	salmon	Salmon	red	#FA8072	rgb(250, 128, 114)
4	darksalmon	Dark Salmon	red	#E9967A	rgb(233, 150, 122)
5	lightsalmon	Light Salmon	red	#FFA07A	rgb(255, 160, 122)
6	crimson	Crimson	red	#DC143C	rgb(220, 20, 60)
7	red	Red	red	#FF0000	rgb(255, 0, 0)
8	firebrick	Fire Brick	red	#B22222	rgb(178, 34, 34)
9	darkred	Dark Red	red	#8B0000	rgb(139, 0, 0)
10	pink	Pink	pink	#FFC0CB	rgb(255, 192, 203)
11	lightpink	Light Pink	pink	#FFB6C1	rgb(255, 182, 193)
12	hotpink	Hot Pink	pink	#FF69B4	rgb(255, 105, 180)
13	deeppink	Deep Pink	pink	#FF1493	rgb(255, 20, 147)
14	palevioletred	Pale Violet Red	pink	#DB7093	rgb(219, 112, 147)
15	mediumvioletred	Medium Violet Red	pink	#C71585	rgb(199, 21, 133)
16	coral	Coral	orange	#FF7F50	rgb(255, 127, 80)
17	tomato	Tomato	orange	#FF6347	rgb(255, 99, 71)
18	orangered	Orange Red	orange	#FF4500	rgb(255, 69, 0)
19	darkorange	Dark Orange	orange	#FF8C00	rgb(255, 140, 0)
20	orange	Orange	orange	#FFA500	rgb(255, 165, 0)
21	gold	Gold	yellow	#FFD700	rgb(255, 215, 0)
22	yellow	Yellow	yellow	#FFFF00	rgb(255, 255, 0)
23	lightyellow	Light Yellow	yellow	#FFFFE0	rgb(255, 255, 224)
24	lemonchiffon	Lemon Chiffon	yellow	#FFFACD	rgb(255, 250, 205)
25	lightgoldenrodyellow	Light Goldenrod Yellow	yellow	#FAFAD2	rgb(250, 250, 210)
26	papayawhip	Papaya Whip	yellow	#FFEFD5	rgb(255, 239, 213)
27	moccasin	Moccasin	yellow	#FFE4B5	rgb(255, 228, 181)
28	peachpuff	Peach Puff	yellow	#FFDAB9	rgb(255, 218, 185)
29	palegoldenrod	Pale Goldenrod	yellow	#EEE8AA	rgb(238, 232, 170)
30	khaki	Khaki	yellow	#F0E68C	rgb(240, 230, 140)
31	darkkhaki	Dark Khaki	yellow	#BDB76B	rgb(189, 183, 107)
32	lavender	Lavender	purple	#E6E6FA	rgb(230, 230, 250)
33	thistle	Thistle	purple	#D8BFD8	rgb(216, 191, 216)
34	plum	Plum	purple	#DDA0DD	rgb(221, 160, 221)
35	violet	Violet	purple	#EE82EE	rgb(238, 130, 238)
36	orchid	Orchid	purple	#DA70D6	rgb(218, 112, 214)
37	magenta	Magenta / Fuchsia	purple	#FF00FF	rgb(255, 0, 255)
38	mediumorchid	Medium Orchid	purple	#BA55D3	rgb(186, 85, 211)
39	mediumpurple	Medium Purple	purple	#9370DB	rgb(147, 112, 219)
40	blueviolet	Blue Violet	purple	#8A2BE2	rgb(138, 43, 226)
41	darkviolet	Dark Violet	purple	#9400D3	rgb(148, 0, 211)
42	darkorchid	Dark Orchid	purple	#9932CC	rgb(153, 50, 204)
43	darkmagenta	Dark Magenta	purple	#8B008B	rgb(139, 0, 139)
44	purple	Purple	purple	#800080	rgb(128, 0, 128)
45	rebeccapurple	Rebecca Purple	purple	#663399	rgb(102, 51, 153)
46	indigo	Indigo	purple	#4B0082	rgb(75, 0, 130)
47	mediumslateblue	Medium Slate Blue	purple	#7B68EE	rgb(123, 104, 238)
48	slateblue	Slate Blue	purple	#6A5ACD	rgb(106, 90, 205)
49	darkslateblue	Dark Slate Blue	purple	#483D8B	rgb(72, 61, 139)
50	greenyellow	Green Yellow	green	#ADFF2F	rgb(173, 255, 47)
51	chartreuse	Chartreuse	green	#7FFF00	rgb(127, 255, 0)
52	lawngreen	Lawn Green	green	#7CFC00	rgb(124, 252, 0)
53	lime	Lime	green	#00FF00	rgb(0, 255, 0)
54	limegreen	Lime Green	green	#32CD32	rgb(50, 205, 50)
55	palegreen	Pale Green	green	#98FB98	rgb(152, 251, 152)
56	lightgreen	Light Green	green	#90EE90	rgb(144, 238, 144)
57	mediumspringgreen	Medium Spring Green	green	#00FA9A	rgb(0, 250, 154)
58	springgreen	Spring Green	green	#00FF7F	rgb(0, 255, 127)
59	mediumseagreen	Medium Sea Green	green	#3CB371	rgb(60, 179, 113)
60	seagreen	Sea Green	green	#2E8B57	rgb(46, 139, 87)
61	forestgreen	Forest Green	green	#228B22	rgb(34, 139, 34)
62	green	Green	green	#008000	rgb(0, 128, 0)
63	darkgreen	Dark Green	green	#006400	rgb(0, 100, 0)
64	yellowgreen	Yellow Green	green	#9ACD32	rgb(154, 205, 50)
65	olivedrab	Olive Drab	green	#6B8E23	rgb(107, 142, 35)
66	olive	Olive	green	#808000	rgb(128, 128, 0)
67	darkolivegreen	Dark Olive Green	green	#556B2F	rgb(85, 107, 47)
68	mediumaquamarine	Medium Aquamarine	green	#66CDAA	rgb(102, 205, 170)
69	darkseagreen	Dark Sea Green	green	#8FBC8F	rgb(143, 188, 143)
70	lightseagreen	Light Sea Green	green	#20B2AA	rgb(32, 178, 170)
71	darkcyan	Dark Cyan	cyan	#008B8B	rgb(0, 139, 139)
72	teal	Teal	cyan	#008080	rgb(0, 128, 128)
73	cyan	Cyan / Aqua	cyan	#00FFFF	rgb(0, 255, 255)
74	lightcyan	Light Cyan	cyan	#E0FFFF	rgb(224, 255, 255)
75	paleturquoise	Pale Turquoise	cyan	#AFEEEE	rgb(175, 238, 238)
76	aquamarine	Aquamarine	cyan	#7FFFD4	rgb(127, 255, 212)
77	turquoise	Turquoise	cyan	#40E0D0	rgb(64, 224, 208)
78	mediumturquoise	Medium Turquoise	cyan	#48D1CC	rgb(72, 209, 204)
79	darkturquoise	Dark Turquoise	cyan	#00CED1	rgb(0, 206, 209)
80	cadetblue	Cadet Blue	blue	#5F9EA0	rgb(95, 158, 160)
81	steelblue	Steel Blue	blue	#4682B4	rgb(70, 130, 180)
82	lightsteelblue	Light Steel Blue	blue	#B0C4DE	rgb(176, 196, 222)
83	powderblue	Powder Blue	blue	#B0E0E6	rgb(176, 224, 230)
84	lightblue	Light Blue	blue	#ADD8E6	rgb(173, 216, 230)
85	skyblue	Sky Blue	blue	#87CEEB	rgb(135, 206, 235)
86	lightskyblue	Light Sky Blue	blue	#87CEFA	rgb(135, 206, 250)
87	deepskyblue	Deep Sky Blue	blue	#00BFFF	rgb(0, 191, 255)
88	dodgerblue	Dodger Blue	blue	#1E90FF	rgb(30, 144, 255)
89	cornflowerblue	Cornflower Blue	blue	#6495ED	rgb(100, 149, 237)
90	royalblue	Royal Blue	blue	#4169E1	rgb(65, 105, 225)
91	blue	Blue	blue	#0000FF	rgb(0, 0, 255)
92	mediumblue	Medium Blue	blue	#0000CD	rgb(0, 0, 205)
93	darkblue	Dark Blue	blue	#00008B	rgb(0, 0, 139)
94	navy	Navy	blue	#000080	rgb(0, 0, 128)
95	midnightblue	Midnight Blue	blue	#191970	rgb(25, 25, 112)
96	cornsilk	Cornsilk	brown	#FFF8DC	rgb(255, 248, 220)
97	blanchedalmond	Blanched Almond	brown	#FFEBCD	rgb(255, 235, 205)
98	bisque	Bisque	brown	#FFE4C4	rgb(255, 228, 196)
99	navajowhite	Navajo White	brown	#FFDEAD	rgb(255, 222, 173)
100	wheat	Wheat	brown	#F5DEB3	rgb(245, 222, 179)
101	burlywood	Burlywood	brown	#DEB887	rgb(222, 184, 135)
102	tan	Tan	brown	#D2B48C	rgb(210, 180, 140)
103	rosybrown	Rosy Brown	brown	#BC8F8F	rgb(188, 143, 143)
104	sandybrown	Sandy Brown	brown	#F4A460	rgb(244, 164, 96)
105	goldenrod	Goldenrod	brown	#DAA520	rgb(218, 165, 32)
106	darkgoldenrod	Dark Goldenrod	brown	#B8860B	rgb(184, 134, 11)
107	peru	Peru	brown	#CD853F	rgb(205, 133, 63)
108	chocolate	Chocolate	brown	#D2691E	rgb(210, 105, 30)
109	saddlebrown	Saddle Brown	brown	#8B4513	rgb(139, 69, 19)
110	sienna	Sienna	brown	#A0522D	rgb(160, 82, 45)
111	brown	Brown	brown	#A52A2A	rgb(165, 42, 42)
112	maroon	Maroon	brown	#800000	rgb(128, 0, 0)
113	white	White	white	#FFFFFF	rgb(255, 255, 255)
114	snow	Snow	white	#FFFAFA	rgb(255, 250, 250)
115	honeydew	Honeydew	white	#F0FFF0	rgb(240, 255, 240)
116	mintcream	Mint Cream	white	#F5FFFA	rgb(245, 255, 250)
117	azure	Azure	white	#F0FFFF	rgb(240, 255, 255)
118	aliceblue	Alice Blue	white	#F0F8FF	rgb(240, 248, 255)
119	ghostwhite	Ghost White	white	#F8F8FF	rgb(248, 248, 255)
120	whitesmoke	White Smoke	white	#F5F5F5	rgb(245, 245, 245)
121	seashell	Seashell	white	#FFF5EE	rgb(255, 245, 238)
122	beige	Beige	white	#F5F5DC	rgb(245, 245, 220)
123	oldlace	Old Lace	white	#FDF5E6	rgb(253, 245, 230)
124	floralwhite	Floral White	white	#FFFAF0	rgb(255, 250, 240)
125	ivory	Ivory	white	#FFFFF0	rgb(255, 255, 240)
126	antiquewhite	Antique White	white	#FAEBD7	rgb(250, 235, 215)
127	linen	Linen	white	#FAF0E6	rgb(250, 240, 230)
128	lavenderblush	Lavender Blush	white	#FFF0F5	rgb(255, 240, 245)
129	mistyrose	Misty Rose	white	#FFE4E1	rgb(255, 228, 225)
130	gainsboro	Gainsboro	gray	#DCDCDC	rgb(220, 220, 220)
131	lightgray	Light Gray	gray	#D3D3D3	rgb(211, 211, 211)
132	silver	Silver	gray	#C0C0C0	rgb(192, 192, 192)
133	darkgray	Dark Gray	gray	#A9A9A9	rgb(169, 169, 169)
134	gray	Gray	gray	#808080	rgb(128, 128, 128)
135	dimgray	Dim Gray	gray	#696969	rgb(105, 105, 105)
136	lightslategray	Light Slate Gray	gray	#778899	rgb(119, 136, 153)
137	slategray	Slate Gray	gray	#708090	rgb(112, 128, 144)
138	darkslategray	Dark Slate Gray	gray	#2F4F4F	rgb(47, 79, 79)
139	black	Black	gray	#000000	rgb(0, 0, 0)
140	aqua	Aqua	cyan	#00FFFF	rgb(0, 255, 255)
141	fuchsia	Fuchsia	purple	#FF00FF	rgb(255, 0, 255)
142	darkgrey	Dark Grey	gray	#A9A9A9	rgb(169, 169, 169)
143	grey	Grey	gray	#808080	rgb(128, 128, 128)
144	dimgrey	Dim Grey	gray	#696969	rgb(105, 105, 105)
145	lightslategrey	Light Slate Grey	gray	#778899	rgb(119, 136, 153)
146	slategrey	Slate Grey	gray	#708090	rgb(112, 128, 144)
147	darkslategrey	Dark Slate Grey	gray	#2F4F4F	rgb(47, 79, 79)
148	lightgrey	Light Grey	gray	#D3D3D3	rgb(211, 211, 211)

CSS Named Colorsは、W3CのCSS Color Module仕様で定義されている148の色名です。これらの色名は、CSSプロパティで直接使用でき、すべての主要ブラウザでサポートされています。色名は大文字と小文字を区別しないため、「red」も「Red」も「RED」も同じ赤色を表します。

Webデザインにおいて、色の指定にはHexコード（#RRGGBB）やRGB値（rgb(R,G,B)）が一般的に使用されますが、CSS Named Colorsを使用すると、コードの可読性が向上し、デザインの意図が明確になります。例えば、「color: tomato;」と記述すれば、鮮やかな赤橙色が適用されます。

この148色は、赤・ピンク・オレンジ・黄色・紫・緑・シアン・青・茶色・白色・灰色の11のカテゴリーに分類されています。また、grayとgreyの綴り違い、aquaとcyan、fuchsiaとmagentaなど、同じ色を指す別名も定義されています。これらの色名は、Webアクセシビリティや国際化にも配慮した標準仕様として、世界中のWeb開発者に利用されています。