文字色も変えられる色見本

文字色・背景色変え色見本っ！

140色の色見本。
MozillaやMSIEで利用できます。
右側の色名を定義色といい、WWWブラウザが対応していれば左右で同じ色が出ます。
逆に言うと、ブラウザによって見え方が違うので、左の１６進法で指定した方がいいと思います。
ちなみに右側に*マークが付いているのはHTML3.2/4.0で規定されている１６色。

RGB	名前
fffafa	Snow	■
fdf5e6	OldLace	■
faf0e6	Linen	■
fff5ee	Seashell	■
fff0f5	LavenderBlush	■
d8bfd8	Thistle	■
e6e6fa	Lavender	■
f8f8ff	GhostWhite	■
f0f8ff	AliceBlue	■
f0ffff	Azure	■
f0fff0	Honeydew	■
f5fffa	MintCream	■

RGB	名前
000000	Black	■	*
696969	DimGray	■
708090	SlateGray	■
778899	LightSlateGray	■
808080	Gray	■	*
a9a9a9	DarkGray	■
c0c0c0	Silver	■	*
d3d3d3	LightGrey	■
dcdcdc	Gainsboro	■
f5f5f5	WhiteSmoke	■
ffffff	White	■	*

ラジオボタンの左側を押すと背景色、右側を押すと文字色が変わります。

RGB	名前
191970	MidnightBlue	■
000080	Navy	■	*
4b0082	Indigo	■
483d8b	DarkSlateBlue	■
00008b	DarkBlue	■
0000cd	MediumBlue	■
0000ff	Blue	■	*
4169e1	RoyalBlue	■
6a5acd	SlateBlue	■
7b68ee	MediumSlateBlue	■
6495ed	CornflowerBlue	■
1e90ff	DodgerBlue	■
00bfff	DeepSkyBlue	■

RGB	名前
4682b4	SteelBlue	■
5f9ea0	CadetBlue	■
00ced1	DarkTurquoise	■
48d1cc	MediumTurquoise	■
00ffff	Cyan	■
00ffff	Aqua	■	*
e0ffff	LightCyan	■
afeeee	PaleTurquoise	■
b0e0e6	PowderBlue	■
add8e6	LightBlue	■
87ceeb	SkyBlue	■
87cefa	LightSkyBlue	■
b0c4de	LightSteelBlue	■

ラジオボタンの左側を押すと背景色、右側を押すと文字色が変わります。

RGB	名前
2f4f4f	DarkSlateGray	■
556b2f	DarkOliveGreen	■
006400	DarkGreen	■
008000	Green	■	*
228b22	ForestGreen	■
2e8b57	SeaGreen	■
808000	Olive	■	*
6b8e23	OliveDrab	■
008080	Teal	■	*
008b8b	DarkCyan	■
20b2aa	LightSeaGreen	■
32cd32	LimeGreen	■
9acd32	YellowGreen	■

RGB	名前
3cb371	MediumSeaGreen	■
8fbc8f	DarkSeaGreen	■
66cdaa	MediumAquamarine	■
1edeaa	HoneydewTad	■
40e0d0	Turquoise	■
7fffd4	Aquamarine	■
98fb98	PaleGreen	■
90ee90	LightGreen	■
7cfc00	LawnGreen	■
7fff00	Chartreuse	■
adff2f	GreenYellow	■
00FF00	Lime	■	*
00ff7f	SpringGreen	■
00fa9a	MediumSpringGreen	■

ラジオボタンの左側を押すと背景色、右側を押すと文字色が変わります。

RGB	名前
bdb76b	DarkKhaki	■
d2b48c	Tan	■
deb887	Burlywood	■
f5deb3	Wheat	■
f0e68c	Khaki	■
eee8aa	PaleGoldenrod	■
fafad2	LightGoldenrodYellow	■
f5f5dc	Beige	■
faebd7	AntiqueWhite	■
ffefd5	PapayaWhip	■
ffebcd	BlanchedAlmond	■

RGB	名前
ffe4c4	Bisque	■
ffe4b5	Moccasin	■
fff8dc	Cornsilk	■
fffacd	LemonChiffon	■
ffffe0	LightYellow	■
ffff00	Yellow	■	*
ffd700	Gold	■
daa520	Goldenrod	■
cd853f	Peru	■
b8860b	DarkGoldenrod	■

ラジオボタンの左側を押すと背景色、右側を押すと文字色が変わります。

RGB	名前
a0522d	Sienna	■
d2691e	Chocolate	■
ff6347	Tomato	■
ff7f50	Coral	■
ff8c00	DarkOrange	■
ffa500	Orange	■
ffdead	NavajoWhite	■
f4a460	SandyBrown	■
e9967a	DarkSalmon	■
fa8072	Salmon	■
ffa07a	LightSalmon	■

RGB	名前
800000	Maroon	■	*
8b0000	DarkRed	■
8b4513	SaddleBrown	■
a52a2a	Brown	■
b22222	Firebrick	■
a0522d	Sienna	■
bc8f8f	RosyBrown	■
cd5c5c	IndianRed	■
ff4500	OrangeRed	■
ff0000	Red	■	*
dc143c	Crimson	■
f08080	LightCoral	■

ラジオボタンの左側を押すと背景色、右側を押すと文字色が変わります。

RGB	名前
ffdab9	PeachPuff	■
ffe4e1	MistyRose	■
ffc0cb	Pink	■
ffb6c1	LightPink	■
ff69b4	HotPink	■
ff00ff	Magenta	■
ff00ff	Fuchsia	■	*
ff1493	DeepPink	■
db7093	PaleVioletRed	■
c71585	MediumVioletRed	■

RGB	名前
8b008b	DarkMagenta	■
800080	Purple	■	*
9932cc	DarkOrchid	■
9400d3	DarkViolet	■
8a2be2	BlueViolet	■
9370db	MediumPurple	■
ba55d3	MediumOrchid	■
da70d6	Orchid	■
ee82ee	Violet	■
dda0dd	Plum	■

ラジオボタンの左側を押すと背景色、右側を押すと文字色が変わります。

216色の色見本。
この216色+規定16色(上の*マーク付きの色)-重複8色=224色なので、 256色の環境でも問題なくみられる色です。
ただし、Windowsの256色環境のMSIE3～5では、 #0033FF、 #00FF33、 #3300FF、 #33FF00 の4色は正しく発色しません。

`#000000`	`#333333`	`#666666`	`#808080`	`#999999`	`#CCCCCC`	`#FFFFFF`

Black			Gray			White

※表の見方※
表左のコードの『XX』の部分を、表上の二桁の記号に置き換えます。

ラジオボタンの左側を押すと背景色、右側を押すと文字色が変わります。

	`00`	`33`	`66`	`99`	`CC`	`FF`
`#0000XX`
`#0033XX`
`#0066XX`
`#0099XX`
`#00CCXX`
`#00FFXX`

	`00`	`33`	`66`	`99`	`CC`	`FF`
`#3300XX`
`#3333XX`
`#3366XX`
`#3399XX`
`#33CCXX`
`#33FFXX`

	`00`	`33`	`66`	`99`	`CC`	`FF`
`#6600XX`
`#6633XX`
`#6666XX`
`#6699XX`
`#66CCXX`
`#66FFXX`

	`00`	`33`	`66`	`99`	`CC`	`FF`
`#9900XX`
`#9933XX`
`#9966XX`
`#9999XX`
`#99CCXX`
`#99FFXX`

	`00`	`33`	`66`	`99`	`CC`	`FF`
`#CC00XX`
`#CC33XX`
`#CC66XX`
`#CC99XX`
`#CCCCXX`
`#CCFFXX`

	`00`	`33`	`66`	`99`	`CC`	`FF`
`#FF00XX`
`#FF33XX`
`#FF66XX`
`#FF99XX`
`#FFCCXX`
`#FFFFXX`

ラジオボタンの左側を押すと背景色、右側を押すと文字色が変わります。

システム色の色見本。
システム色とはOSなどが管理している色のこと。CSS2に、ここの28色の名前が規定されています。
WWWブラウザが対応していれば、何かそれなりの色が出ます。
でも[コントロールパネル]-[画面]-[デザイン]での設定に依存するので、人それぞれで全然違います。
『ハイコントラスト』だったら黒いし、『ライラック』だったら紫だしね。

スタイルシートで style="background-color:xxxx" とか、タグで bgcolor="xxxx" というように、colorに色名指定するかんじで指定します。

ラジオボタンの左側を押すと背景色、右側を押すと文字色が変わります。

名前	説明

ActiveBorder		アクティヴウィンドウの境界
ActiveCaption		アクティヴウィンドウのタイトル背景
AppWorkspace		アプリケーションの背景
Background		デスクトップの背景
ButtonFace		ボタン表面
ButtonHhighlight		ボタン縁の明部
ButtonShadow		ボタン縁の影
ButtonText		ボタン文字色
CaptionText		タイトル文字色
GrayText		グレイテキスト
Highlight		選択された項目の背景
HighlightText		選択された項目の文字色
InactiveBorder		非アクティヴウィンドウの境界
InactiveCaption		非アクティヴウィンドウのタイトル背景
InactiveCaptionText		非アクティヴウィンドウのタイトル文字色
InfoBackground		ヒントの背景
InfoText		ヒントの文字色
Menu		メニューの背景
MenuText		メニューの文字色
Scrollbar		スクロールバー
ThreeDDarkShadow		立体表示の暗影
ThreeDFace		立体表示の表面
ThreeDHighlight		立体表示の明部
ThreeDLightShadow		立体表示の明影
ThreeDShadow		立体表示の影
Window		ウィンドウの背景
WindowFrame		ウィンドウの枠
WindowText		ウィンドウ内の文字色

ラジオボタンの左側を押すと背景色、右側を押すと文字色が変わります。