背景とテキストのカラーサンプル

HTML入門に戻る ・ ホームに戻る

JavaScriptの機能を使って、テキストと背景の色の組み合わせが簡単にテストできます。
この機能をそのままホームページにつけるのはあまり意味がないと思いますが(^^;)。

256色で見ると背景とテキストが同じ色に見えるページがよくあります。
あまり近い色を使わないようにしましょう。

■000000■
■400000■ ■004000■ ■000040■
■404000■ ■004040■ ■400040■
■404040■
■800000■ ■008000■ ■000080■
■804000■ ■408000■ ■400080■
■800040■ ■008040■ ■004080■
■804040■ ■408040■ ■404080■
■808000■ ■008080■ ■800080■
■808040■ ■408080■ ■804080■
■808080■
■B00000■ ■00B000■ ■0000B0■
■B04000■ ■40B000■ ■4000B0■
■B00040■ ■00B040■ ■0040B0■
■B04040■ ■40B040■ ■4040B0■
■B08000■ ■80B000■ ■8000B0■
■B00080■ ■00B080■ ■0080B0■
■B08040■ ■80B040■ ■8040B0■
■B04080■ ■40B080■ ■4080B0■
■B08080■ ■80B080■ ■8080B0■
■B0B000■ ■00B0B0■ ■B000B0■
■B0B040■ ■40B0B0■ ■B040B0■
■B0B080■ ■80B0B0■ ■B080B0■
■B0B0B0■
■FF0000■ ■00FF00■ ■0000FF■
■FF4000■ ■40FF00■ ■4000FF■
■FF0040■ ■00FF40■ ■0040FF■
■FF4040■ ■40FF40■ ■4040FF■
■FF8000■ ■80FF00■ ■8000FF■
■FF0080■ ■00FF80■ ■0080FF■
■FF8040■ ■80FF40■ ■8040FF■
■FF4080■ ■40FF80■ ■4080FF■
■FF8080■ ■80FF80■ ■8080FF■
■FFB000■ ■B0FF00■ ■B000FF■
■FF00B0■ ■00FFB0■ ■00B0FF■
■FFB040■ ■B0FF40■ ■B040FF■
■FF40B0■ ■40FFB0■ ■40B0FF■
■FFB080■ ■B0FF80■ ■B080FF■
■FF80B0■ ■80FFB0■ ■80B0FF■
■FFB0B0■ ■B0FFB0■ ■B0B0FF■
■FFFF00■ ■00FFFF■ ■FF00FF■
■FFFF40■ ■40FFFF■ ■FF40FF■
■FFFF80■ ■80FFFF■ ■FF80FF■
■FFFFB0■ ■B0FFFF■ ■FFB0FF■
■FFFFFF■
適当な色を16進法で指定してください: