ひできちの楽天ブログ

< 新しい記事

新着記事一覧(全880件)

過去の記事 >

2021/02/17

html カラーネームは全部でいくつあるのでございますか？

テーマ： HTMLタグのお勉強(102)

カテゴリ： TIPS

html で使用できる色の名称をカラーネームというようでございますな
この色名称が一体いくつ用意されているのか調べてみたところ
140　ということらしいのですが
一部のサイトでは147となっておりましたよ

カラーネームの決定の経緯なども全くわかりませんので
実際に使えるのかどうかを自分のブラウザで確認したいと思いますよ

とりあえずずらっと147のカラーネームを背景色に指定したテーブルを書いてみましたよ

RGB16進数が一致してしまっているカラーネームがありましたので
それについては同色のカラーネームを隣に記載しておきましたよ

147色にあって140色にはないカラーネームの7色は
私のWindows10 Edge では色が表示されませんでしたよ

指定したカラーネームの色が存在していなければ
黒く表示されてしまうように作ってありますので
見てすぐにわかるようになっておりますよ

環境依存する色があるのかもしれませんが
この7色のカラーネームは使わないほうがいいとうことになりますな

なおこの表はカラーネームの順に並んでおりますよ
ほとんど同じような色があるように見えますが
バラバラですのでそのへんの確認がしにくいですな

類似色が並ぶように並び替えをした表もつくりたいのですが

これは宿題としてまたあらためてブログ記事にしたいと思いますよ

番号	カラーコード	カラーネーム	同色	備考	色	R	G
1	#F0F8FF	aliceblue			F0	F8	FF
2	#FAEBD7	antiquewhite			FA	EB	D7
3	#00FFFF	aqua	25.cyan		00	FF	FF
4	#7FFFD4	aquamarine			7F	FF	D4
5	#F0FFFF	azure			F0	FF	FF
6	#F5F5DC	beige			F5	F5	DC
7	#FFE4C4	bisque			FF	E4	C4
8	#000000	black			00	00	00
9	#FFEBCD	blanchedalmond			FF	EB	CD
10	#0000FF	blue			00	00	FF
11	#8A2BE2	blueviolet			8A	2B	E2
12	#B5A642	brass		※	B5	A6	42
13	#A52A2A	brown			A5	2A	2A
14	#DEB887	burlywood			DE	B8	87
15	#5F9EA0	cadetblue			5F	9E	A0
16	#7FFF00	chartreuse			7F	FF	00
17	#D2691E	chocolate			D2	69	1E
18	#BFBFDF	coolcopper		※	BF	BF	DF
19	#BF00DF	copper		※	BF	00	DF
20	#FF7F50	coral			FF	7F	50
21	#BFEFDF	cornflower		※	BF	EF	DF
22	#6090EF	cornflowerblue			60	90	EF
23	#FFF8DC	cornsilk			FF	F8	DC
24	#DC143C	crimson			DC	14	3C
25	#00FFFF	cyan	3.aqua		00	FF	FF
26	#00008B	darkblue			00	00	8B
27	#DA0B00	darkbrown		※	DA	0B	00
28	#008B8B	darkcyan			00	8B	8B
29	#B8860B	darkgoldenrod			B8	86	0B
30	#A9A9A9	darkgray			A9	A9	A9
31	#006400	darkgreen			00	64	00
32	#BDB76B	darkkhaki			BD	B7	6B
33	#8B008B	darkmagenta			8B	00	8B
34	#556B2F	darkolivegreen			55	6B	2F
35	#FF8C00	darkorange			FF	8C	00
36	#9932CC	darkorchid			99	32	CC
37	#8B0000	darkred			8B	00	00
38	#E9967A	darksalmon			E9	96	7A
39	#8FBC8F	darkseagreen			8F	BC	8F
40	#483D8B	darkslateblue			48	3D	8B
41	#2F4F4F	darkslategray			2F	4F	4F
42	#00CED1	darkturquoise			00	CE	D1
43	#9400D3	darkviolet			94	00	D3
44	#FF1493	deeppink			FF	14	93
45	#00BFFF	deepskyblue			00	BF	FF
46	#696969	dimgray			69	69	69
47	#1E90FF	dodgerblue			1E	90	FF
48	#FED0E0	feldsper		※	FE	D0	E0
49	#B22222	firebrick			B2	22	22
50	#FFFAF0	floralwhite			FF	FA	F0
51	#228B22	forestgreen			22	8B	22
52	#FF00FF	fuchsia	87.magenta		FF	00	FF
53	#DCDCDC	gainsboro			DC	DC	DC
54	#F8F8FF	ghostwhite			F8	F8	FF
55	#FFD700	gold			FF	D7	00
56	#DAA520	goldenrod			DA	A5	20
57	#808080	gray			80	80	80
58	#008000	green			00	80	00
59	#ADFF2F	greenyellow			AD	FF	2F
60	#F0FFF0	honeydew			F0	FF	F0
61	#FF69B4	hotpink			FF	69	B4
62	#CD5C5C	indianred			CD	5C	5C
63	#4B0082	indigo			4B	00	82
64	#FFFFF0	ivory			FF	FF	F0
65	#F0E68C	khaki			F0	E6	8C
66	#E6E6FA	lavender			E6	E6	FA
67	#FFF0F5	lavenderblush			FF	F0	F5
68	#7CFC00	lawngreen			7C	FC	00
69	#FFFACD	lemonchiffon			FF	FA	CD
70	#ADD8E6	lightblue			AD	D8	E6
71	#F08080	lightcoral			F0	80	80
72	#E0FFFF	lightcyan			E0	FF	FF
73	#FAFAD2	lightgoldenrodyellow			FA	FA	D2
74	#9ACD32	yellowgreen			9A	CD	32
75	#90EE90	lightgreen			90	EE	90
76	#D3D3D3	lightgrey			D3	D3	D3
77	#FFB6C1	lightpink			FF	B6	C1
78	#FFA07A	lightsalmon			FF	A0	7A
79	#20B2AA	lightseagreen			20	B2	AA
80	#87CEFA	lightskyblue			87	CE	FA
81	#778899	lightslategray			77	88	99
82	#B0C4DE	lightsteelblue			B0	C4	DE
83	#FFFFE0	lightyellow			FF	FF	E0
84	#00FF00	lime			00	FF	00
85	#32CD32	limegreen			32	CD	32
86	#FAF0E6	linen			FA	F0	E6
87	#FF00FF	magenta	52.fuchsia		FF	00	FF
88	#800000	maroon			80	00	00
89	#66CDAA	mediumaquamarine			66	CD	AA
90	#0000CD	mediumblue			00	00	CD
91	#BA55D3	mediumorchid			BA	55	D3
92	#9370DB	mediumpurple			93	70	DB
93	#3CB371	mediumseagreen			3C	B3	71
94	#7B68EE	mediumslateblue			7B	68	EE
95	#00FA9A	mediumspringgreen			00	FA	9A
96	#48D1CC	mediumturquoise			48	D1	CC
97	#C71585	mediumvioletred			C7	15	85
98	#191970	midnightblue			19	19	70
99	#F5FFFA	mintcream			F5	FF	FA
100	#FFE4E1	mistyrose			FF	E4	E1
101	#FFE4B5	moccasin			FF	E4	B5
102	#FFDEAD	navajowhite			FF	DE	AD
103	#000080	navy			00	00	80
104	#FDF5E6	oldlace			FD	F5	E6
105	#808000	olive			80	80	00
106	#6B8E23	olivedrab			6B	8E	23
107	#FFA500	orange			FF	A5	00
108	#FF4500	orangered			FF	45	00
109	#DA70D6	orchid			DA	70	D6
110	#EEE8AA	palegoldenrod			EE	E8	AA
111	#98FB98	palegreen			98	FB	98
112	#AFEEEE	paleturquoise			AF	EE	EE
113	#DB7093	palevioletred			DB	70	93
114	#FFEFD5	papayawhip			FF	EF	D5
115	#FFDAB9	peachpuff			FF	DA	B9
116	#CD853F	peru			CD	85	3F
117	#FFC0CB	pink			FF	C0	CB
118	#DDA0DD	plum			DD	A0	DD
119	#B0E0E6	powderblue			B0	E0	E6
120	#800080	purple			80	00	80
121	#FF0000	red			FF	00	00
122	#0CB0E0	richblue		※	0C	B0	E0
123	#BC8F8F	rosybrown			BC	8F	8F
124	#4169E1	royalblue			41	69	E1
125	#8B4513	saddlebrown			8B	45	13
126	#FA8072	salmon			FA	80	72
127	#F4A460	sandybrown			F4	A4	60
128	#2E8B57	seagreen			2E	8B	57
129	#FFF5EE	seashell			FF	F5	EE
130	#A0522D	sienna			A0	52	2D
131	#C0C0C0	silver			C0	C0	C0
132	#87CEEB	skyblue			87	CE	EB
133	#6A5ACD	slateblue			6A	5A	CD
134	#708090	slategray			70	80	90
135	#FFFAFA	snow			FF	FA	FA
136	#00FF7F	springgreen			00	FF	7F
137	#4682B4	steelblue			46	82	B4
138	#D2B48C	tan			D2	B4	8C
139	#008080	teal			00	80	80
140	#D8BFD8	thistle			D8	BF	D8
141	#FF6347	tomato			FF	63	47
142	#40E0D0	turquoise			40	E0	D0
143	#EE82EE	violet			EE	82	EE
144	#F5DEB3	wheat			F5	DE	B3
145	#FFFFFF	white			FF	FF	FF
146	#F5F5F5	whitesmoke			F5	F5	F5
147	#FFFF00	yellow			FF	FF	00