Index

カラーキーワード

　HTMLやCSSで指定できる色のキーワードをまとめています。

基本16色　　…　どの環境でも同じ色が表示される
GUI環境色　　…　OSでの設定色（ユーザーの設定に依存）が表示される
名前付きカラー　…　特定の色に名前があるもの（IEとNNでは定義済み）

　　*Windows と Mac では若干表示色に差があるようです。
　　*下表の色サンプルは、現在お使いの環境での表示色です。

sasaraan programming

Exposition

■基本16色

キーワード	サンプル	RGB値	キーワード	サンプル	RGB値
Black		`#000000`	Green		`#008000`
Gray		`#808080`	Lime		`#00ff00`
Silver		`#c0c0c0`	Teal		`#008080`
White		`#ffffff`	Aqua		`#00ffff`
Maroon		`#800000`	Navy		`#000080`
Red		`#ff0000`	Blue		`#0000ff`
Olive		`#808000`	Purple		`#800080`
Yellow		`#ffff00`	Fuchsia		`#ff00ff`

■GUI環境色

キーワード	サンプル	キーワード	サンプル
ActiveBorder		InactiveCaptionText
ActiveCaption		InfoBackground
AppWorkSpace		InfoText
Background		Menu
ButtonFace		MenuText
ButtonHighlight		ScrollBar
ButtonShadow		ThreeDDarkShadow
ButtonText		ThreeDFace
CaptionText		ThreeDHighlight
GrayText		ThreeDLightShadow
Highlight		ThreeDShadow
HighlightText		Window
InactiveBorder		WindowFrame
InactiveCaption		WindowText

■名前付きカラー

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