HTMLリファレンス - ヽ｜∵｜ゝ(Fantom) の開発blog？

このページの記事一覧

2021/08/16 HTMLカラー名・カラーコード表

« prev next »

HTMLカラー名・カラーコード表

2021/08/16 Mon [edit]

HTMLカラー名・カラーコード表

カラー名	名前タグ	コードタグ	カラーコード
	White	#ffffff
	Snow	#fffafa
	GhostWhite	#f8f8ff
	WhiteSmoke	#f5f5f5
	FloralWhite	#fffaf0
	Linen	#faf0e6
	AntiqueWhite	#faebd7
	PapayaWhip	#ffefd5
	BlanchedAlmond	#ffebcd
	Bisque	#ffe4c4
	Moccasin	#ffe4b5
	NavajoWhite	#ffdead
	PeachPuff	#ffdab9
	MistyRose	#ffe4e1
	LavenderBlush	#fff0f5
	Seashell	#fff5ee
	OldLace	#fdf5e6
	Ivory	#fffff0
	Honeydew	#f0fff0
	MintCream	#f5fffa
	Azure	#f0ffff
	AliceBlue	#f0f8ff
	Lavender	#e6e6fa
	Black	#000000
	DarkSlateGray	#2f4f4f
	DarkSlateGrey	#2f4f4f
	DimGray	#696969
	DimGrey	#696969
	Gray	#808080
	Grey	#808080
	DarkGray	#a9a9a9
	DarkGrey	#a9a9a9
	Silver	#c0c0c0
	LightGray	#d3d3d3
	LightGrey	#d3d3d3
	Gainsboro	#dcdcdc
	LightSlateGray	#778899
	LightSlateGrey	#778899
	SlateGray	#708090
	SlateGrey	#708090
	LightSteelBlue	#b0c4de
	SteelBlue	#4682b4
	RoyalBlue	#4169e1
	MidnightBlue	#191970
	Navy	#000080
	DarkBlue	#00008b
	MediumBlue	#0000cd
	Blue	#0000ff
	DodgerBlue	#1e90ff
	CornflowerBlue	#6495ed
	DeepSkyBlue	#00bfff
	LightSkyBlue	#87cefa
	SkyBlue	#87ceeb
	LightBlue	#add8e6
	PowderBlue	#b0e0e6
	PaleTurquoise	#afeeee
	LightCyan	#e0ffff
	Cyan	#00ffff
	Aqua	#00ffff
	Turquoise	#40e0d0
	MediumTurquoise	#48d1cc
	DarkTurquoise	#00ced1
	LightSeaGreen	#20b2aa
	CadetBlue	#5f9ea0
	DarkCyan	#008b8b
	Teal	#008080
	SeaGreen	#2e8b57
	DarkOliveGreen	#556b2f
	DarkGreen	#006400
	Green	#008000
	ForestGreen	#228b22
	MediumSeaGreen	#3cb371
	DarkSeaGreen	#8fbc8f
	MediumAquamarine	#66cdaa
	Aquamarine	#7fffd4
	PaleGreen	#98fb98
	LightGreen	#90ee90
	SpringGreen	#00ff7f
	MediumSpringGreen	#00fa9a
	LawnGreen	#7cfc00
	Chartreuse	#7fff00
	GreenYellow	#adff2f
	Lime	#00ff00
	LimeGreen	#32cd32
	YellowGreen	#9acd32
	OliveDrab	#6b8e23
	Olive	#808000
	DarkKhaki	#bdb76b
	PaleGoldenrod	#eee8aa
	Cornsilk	#fff8dc
	Beige	#f5f5dc
	LightYellow	#ffffe0
	LightGoldenrodYellow	#fafad2
	LemonChiffon	#fffacd
	Wheat	#f5deb3
	Burlywood	#deb887
	Tan	#d2b48c
	Khaki	#f0e68c
	Yellow	#ffff00
	Gold	#ffd700
	Orange	#ffa500
	SandyBrown	#f4a460
	DarkOrange	#ff8c00
	Goldenrod	#daa520
	Peru	#cd853f
	DarkGoldenrod	#b8860b
	Chocolate	#d2691e
	Sienna	#a0522d
	SaddleBrown	#8b4513
	Maroon	#800000
	DarkRed	#8b0000
	Brown	#a52a2a
	Firebrick	#b22222
	IndianRed	#cd5c5c
	RosyBrown	#bc8f8f
	DarkSalmon	#e9967a
	LightCoral	#f08080
	Salmon	#fa8072
	LightSalmon	#ffa07a
	Coral	#ff7f50
	Tomato	#ff6347
	OrangeRed	#ff4500
	Red	#ff0000
	Crimson	#dc143c
	MediumVioletRed	#c71585
	DeepPink	#ff1493
	HotPink	#ff69b4
	PaleVioletRed	#db7093
	Pink	#ffc0cb
	LightPink	#ffb6c1
	Thistle	#d8bfd8
	Magenta	#ff00ff
	Fuchsia	#ff00ff
	Violet	#ee82ee
	Plum	#dda0dd
	Orchid	#da70d6
	MediumOrchid	#ba55d3
	DarkOrchid	#9932cc
	DarkViolet	#9400d3
	DarkMagenta	#8b008b
	Purple	#800080
	Indigo	#4b0082
	DarkSlateBlue	#483d8b
	BlueViolet	#8a2be2
	MediumPurple	#9370db
	SlateBlue	#6a5acd
	MediumSlateBlue	#7b68ee

■色の表示について「名前タグ」(左側)はカラー名で指定した場合の色、 (例) bgcolor="White" 「コードタグ」(右側)はカラーコードで指定した場合の色、 (例) bgcolor="#ffffff" になります。ブラウザが対応していればどちらも同じ色に表示されます。 ■グレーの表記について「Gray」と「Grey」どちらも同じものとして表記してあります。 ■異名同色について「Aqua」＝「Cyan」「Fuchsia」＝「Magenta」の２組です。カラーコードは同じになります。

■色の表示について

「名前タグ」(左側)はカラー名で指定した場合の色、
(例) bgcolor="White"
「コードタグ」(右側)はカラーコードで指定した場合の色、
(例) bgcolor="#ffffff"
になります。

ブラウザが対応していればどちらも同じ色に表示されます。

■グレーの表記について

「Gray」と「Grey」どちらも同じものとして表記してあります。

■異名同色について

「Aqua」＝「Cyan」
「Fuchsia」＝「Magenta」
の２組です。カラーコードは同じになります。