WEBカラーリファレンス

ウェブカラーのカラーコード表

CSSレイアウト実践講座トップ > ウェブデザイン・サイト運営 > WEBセーフカラーリファレンス >

WEBセーフカラーリファレンス

ウェブセーフカラーとは、256色からWindowsとMacで異なる40色を除いた216色のことを指します。この色を使うことで、サイト運営者と別の環境で見た場合の色の変化がなくなり、より運営者の思い通りにホームページを見てもらうことができます。

最近ではパソコンモニターの解像度も高くなり、どうしてもセーフカラーでなければならないということもないのですが、カラーコードを多用するCSSでの設定では、基本となる色が分かっていたほうが便利です。

通常、カラーコードは6桁の英数字で表記されますが、左・中・右がそれぞれ同じ文字の場合（例：#[ff][ff][ff]）、CSSで使用する場合はを「#fff」と省略して記述することができます。

以下は、このウェブカラーの見本です。CSSでのカラー指定時にコード選択に迷ったら、コチラを参考にしてください。ちなみに、このコード表は全てCSSで配置されていますので、TABLEタグで作られたコード表よりもはるかに早く表示されます。

#ffffff

#ffffcc

#ffff99

#ffff66

#ffff33

#ffff00

#ccffff

#ccffcc

#ccff99

#ccff66

#ccff33

#ccff00

#99ffff

#99ffcc

#99ff99

#99ff66

#99ff33

#99ff00

#66ffff

#66ffcc

#66ff99

#66ff66

#66ff33

#66ff00

#33ffff

#33ffcc

#33ff99

#33ff66

#33ff33

#33ff00

#00ffff

#00ffcc

#00ff99

#00ff66

#00ff33

#00ff00

#ffccff

#ffcccc

#ffcc99

#ffcc66

#ffcc33

#ffcc00

#ccccff

#cccccc

#cccc99

#cccc66

#cccc33

#cccc00

#99ccff

#99cccc

#99cc99

#99cc66

#99cc33

#99cc00

#66ccff

#66cccc

#66cc99

#66cc66

#66cc33

#66cc00

#33ccff

#33cccc

#33cc99

#33cc66

#33cc33

#33cc00

#00ccff

#00cccc

#00cc99

#00cc66

#00cc33

#00cc00

#ff99ff

#ff99cc

#ff9999

#ff9966

#ff9933

#ff9900

#cc99ff

#cc99cc

#cc9999

#cc9966

#cc9933

#cc9900

#9999ff

#9999cc

#999999

#999966

#999933

#999900

#6699ff

#6699cc

#669999

#669966

#669933

#669900

#3399ff

#3399cc

#339999

#339966

#339933

#339900

#0099ff

#0099cc

#009999

#009966

#009933

#009900

#ff66ff

#ff66cc

#ff6699

#ff6666

#ff6633

#ff6600

#cc66ff

#cc66cc

#cc6699

#cc6666

#cc6633

#cc6600

#9966ff

#9966cc

#996699

#996666

#996633

#996600

#6666ff

#6666cc

#666699

#666666

#666633

#666600

#3366ff

#3366cc

#336699

#336666

#336633

#336600

#0066ff

#0066cc

#006699

#006666

#006633

#006600

#ff33ff

#ff33cc

#ff3399

#ff3366

#ff3333

#ff3300

#cc33ff

#cc33cc

#cc3399

#cc3366

#cc3333

#cc3300

#9933ff

#9933cc

#993399

#993366

#993333

#993300

#6633ff

#6633cc

#663399

#663366

#663333

#663300

#3333ff

#3333cc

#333399

#333366

#333333

#333300

#0033ff

#0033cc

#003399

#003366

#003333

#003300

#ff00ff

#ff00cc

#ff0099

#ff0066

#ff0033

#ff0000

#cc00ff

#cc00cc

#cc0099

#cc0066

#cc0033

#cc0000

#9900ff

#9900cc

#990099

#990066

#990033

#990000

#6600ff

#6600cc

#660099

#660066

#660033

#660000

#3300ff

#3300cc

#330099

#330066

#330033

#330000

#0000ff

#0000cc

#000099

#000066

#000033

#000000

ウェブデザイン・サイト運営

SSIでらくらくホームページ更新術

CSSレイアウト実践講座トップ