Web Safe Color Chart(カラーチャート)

ウェブカラーチャート(Web Color Chart)は、ホームページ作成に便利な色見本!ホームページを作りながら楽に見られるように、印刷用とウェブ用の両方のセーフカラーチャートを作成公開!


ウェブ用カラーチャー

ウェブセーフカラーチャート216色 - Web Safe Color Chart 216

ウェブセーフカラーとは?

ウェブセーフカラーとは、WindowsやMacintoshなどのOSでほぼ同じような色に見える216色をいいます。分かりやすく言うと、RGB要素がそれぞれ「00,33,66,99,CC,FF」の6種類(63=216色)の値が使われている色です。

  1. Web Safe Color Chart (印刷用)
  2. Web Safe Color Chart (ネット用1: 簡易版-背景)
  3. Web Safe Color Chart (ネット用2: 簡易版-文字)
  4. Web Safe Color Chart (ネット用3: 詳細版)

Web Safe Color Chart (印刷用)

Web Safe Color Chart (ネット用1: 簡易版)

黒色テキスト(#000000)を配置しています。背景と比較して見やすい色を選ぶことで、文字の見やすいホームページにすることができます。後方に6色テキストを配置したカラーチャートも記載してあります。

#ffffff#ffffcc#ffff99#ffff66#ffff33#ffff00
#ffccff#ffcccc#ffcc99#ffcc66#ffcc33#ffcc00
#ff99ff#ff99cc#ff9999#ff9966#ff9933#ff9900
#ff66ff#ff66cc#ff6699#ff6666#ff6633#ff6600
#ff33ff#ff33cc#ff3399#ff3366#ff3333#ff3300
#ff00ff#ff00cc#ff0099#ff0066#ff0033#ff0000
#ccffff#ccffcc#ccff99#ccff66#ccff33#ccff00
#ccccff#cccccc#cccc99#cccc66#cccc33#cccc00
#cc99ff#cc99cc#cc9999#cc9966#cc9933#cc9900
#cc66ff#cc66cc#cc6699#cc6666#cc6633#cc6600
#cc33ff#cc33cc#cc3399#cc3366#cc3333#cc3300
#cc00ff#cc00cc#cc0099#cc0066#cc0033#cc0000
#99ffff#99ffcc#99ff99#99ff66#99ff33#99ff00
#99ccff#99cccc#99cc99#99cc66#99cc33#99cc00
#9999ff#9999cc#999999#999966#999933#999900
#9966ff#9966cc#996699#996666#996633#996600
#9933ff#9933cc#993399#993366#993333#993300
#9900ff#9900cc#990099#990066#990033#990000
#66ffff#66ffcc#66ff99#66ff66#66ff33#66ff00
#66ccff#66cccc#66cc99#66cc66#66cc33#66cc00
#6699ff#6699cc#669999#669966#669933#669900
#6666ff#6666cc#666699#666666#666633#666600
#6633ff#6633cc#663399#663366#663333#663300
#6600ff#6600cc#660099#660066#660033#660000
#33ffff#33ffcc#33ff99#33ff66#33ff33#33ff00
#33ccff#33cccc#33cc99#33cc66#33cc33#33cc00
#3399ff#3399cc#339999#339966#339933#339900
#3366ff#3366cc#336699#336666#336633#336600
#3333ff#3333cc#333399#333366#333333#333300
#3300ff#3300cc#330099#330066#330033#330000
#00ffff#00ffcc#00ff99#00ff66#00ff33#00ff00
#00ccff#00cccc#00cc99#00cc66#00cc33#00cc00
#0099ff#0099cc#009999#009966#009933#009900
#0066ff#0066cc#006699#006666#006633#006600
#0033ff#0033cc#003399#003366#003333#003300
#0000ff#0000cc#000099#000066#000033#000000

Web Safe Color Chart (ネット用2: 簡易版)

白背景にセーフカラーテキストを配置しています。残念ながら白背景版しか作っていません。要望がありましたら全色対応のセーフカラーテキストチャートを作成致します。

■#ffffff■#ffffcc■#ffff99■#ffff66■#ffff33■#ffff00
■#ffccff■#ffcccc■#ffcc99■#ffcc66■#ffcc33■#ffcc00
■#ff99ff■#ff99cc■#ff9999■#ff9966■#ff9933■#ff9900
■#ff66ff■#ff66cc■#ff6699■#ff6666■#ff6633■#ff6600
■#ff33ff■#ff33cc■#ff3399■#ff3366■#ff3333■#ff3300
■#ff00ff■#ff00cc■#ff0099■#ff0066■#ff0033■#ff0000
■#ccffff■#ccffcc■#ccff99■#ccff66■#ccff33■#ccff00
■#ccccff■#cccccc■#cccc99■#cccc66■#cccc33■#cccc00
■#cc99ff■#cc99cc■#cc9999■#cc9966■#cc9933■#cc9900
■#cc66ff■#cc66cc■#cc6699■#cc6666■#cc6633■#cc6600
■#cc33ff■#cc33cc■#cc3399■#cc3366■#cc3333■#cc3300
■#cc00ff■#cc00cc■#cc0099■#cc0066■#cc0033■#cc0000
■#99ffff■#99ffcc■#99ff99■#99ff66■#99ff33■#99ff00
■#99ccff■#99cccc■#99cc99■#99cc66■#99cc33■#99cc00
■#9999ff■#9999cc■#999999■#999966■#999933■#999900
■#9966ff■#9966cc■#996699■#996666■#996633■#996600
■#9933ff■#9933cc■#993399■#993366■#993333■#993300
■#9900ff■#9900cc■#990099■#990066■#990033■#990000
■#66ffff■#66ffcc■#66ff99■#66ff66■#66ff33■#66ff00
■#66ccff■#66cccc■#66cc99■#66cc66■#66cc33■#66cc00
■#6699ff■#6699cc■#669999■#669966■#669933■#669900
■#6666ff■#6666cc■#666699■#666666■#666633■#666600
■#6633ff■#6633cc■#663399■#663366■#663333■#663300
■#6600ff■#6600cc■#660099■#660066■#660033■#660000
■#33ffff■#33ffcc■#33ff99■#33ff66■#33ff33■#33ff00
■#33ccff■#33cccc■#33cc99■#33cc66■#33cc33■#33cc00
■#3399ff■#3399cc■#339999■#339966■#339933■#339900
■#3366ff■#3366cc■#336699■#336666■#336633■#336600
■#3333ff■#3333cc■#333399■#333366■#333333■#333300
■#3300ff■#3300cc■#330099■#330066■#330033■#330000
■#00ffff■#00ffcc■#00ff99■#00ff66■#00ff33■#00ff00
■#00ccff■#00cccc■#00cc99■#00cc66■#00cc33■#00cc00
■#0099ff■#0099cc■#009999■#009966■#009933■#009900
■#0066ff■#0066cc■#006699■#006666■#006633■#006600
■#0033ff■#0033cc■#003399■#003366■#003333■#003300
■#0000ff■#0000cc■#000099■#000066■#000033■#000000

Web Safe Color Chart (ネット用3: 詳細版)

黒〜白(#000000,#333333,#666666,#999999,#cccccc,#ffffff)の6色テキストを配置しています。背景と比較して見やすい色を選ぶことで、文字の見やすいホームページにすることができます。

#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffcc
#ffffcc
#ffffcc
#ffffcc
#ffffcc
#ffffcc
#ffff99
#ffff99
#ffff99
#ffff99
#ffff99
#ffff99
#ffff66
#ffff66
#ffff66
#ffff66
#ffff66
#ffff66
#ffff33
#ffff33
#ffff33
#ffff33
#ffff33
#ffff33
#ffff00
#ffff00
#ffff00
#ffff00
#ffff00
#ffff00
#ffccff
#ffccff
#ffccff
#ffccff
#ffccff
#ffccff
#ffcccc
#ffcccc
#ffcccc
#ffcccc
#ffcccc
#ffcccc
#ffcc99
#ffcc99
#ffcc99
#ffcc99
#ffcc99
#ffcc99
#ffcc66
#ffcc66
#ffcc66
#ffcc66
#ffcc66
#ffcc66
#ffcc33
#ffcc33
#ffcc33
#ffcc33
#ffcc33
#ffcc33
#ffcc00
#ffcc00
#ffcc00
#ffcc00
#ffcc00
#ffcc00
#ff99ff
#ff99ff
#ff99ff
#ff99ff
#ff99ff
#ff99ff
#ff99cc
#ff99cc
#ff99cc
#ff99cc
#ff99cc
#ff99cc
#ff9999
#ff9999
#ff9999
#ff9999
#ff9999
#ff9999
#ff9966
#ff9966
#ff9966
#ff9966
#ff9966
#ff9966
#ff9933
#ff9933
#ff9933
#ff9933
#ff9933
#ff9933
#ff9900
#ff9900
#ff9900
#ff9900
#ff9900
#ff9900
#ff66ff
#ff66ff
#ff66ff
#ff66ff
#ff66ff
#ff66ff
#ff66cc
#ff66cc
#ff66cc
#ff66cc
#ff66cc
#ff66cc
#ff6699
#ff6699
#ff6699
#ff6699
#ff6699
#ff6699
#ff6666
#ff6666
#ff6666
#ff6666
#ff6666
#ff6666
#ff6633
#ff6633
#ff6633
#ff6633
#ff6633
#ff6633
#ff6600
#ff6600
#ff6600
#ff6600
#ff6600
#ff6600
#ff33ff
#ff33ff
#ff33ff
#ff33ff
#ff33ff
#ff33ff
#ff33cc
#ff33cc
#ff33cc
#ff33cc
#ff33cc
#ff33cc
#ff3399
#ff3399
#ff3399
#ff3399
#ff3399
#ff3399
#ff3366
#ff3366
#ff3366
#ff3366
#ff3366
#ff3366
#ff3333
#ff3333
#ff3333
#ff3333
#ff3333
#ff3333
#ff3300
#ff3300
#ff3300
#ff3300
#ff3300
#ff3300
#ff00ff
#ff00ff
#ff00ff
#ff00ff
#ff00ff
#ff00ff
#ff00cc
#ff00cc
#ff00cc
#ff00cc
#ff00cc
#ff00cc
#ff0099
#ff0099
#ff0099
#ff0099
#ff0099
#ff0099
#ff0066
#ff0066
#ff0066
#ff0066
#ff0066
#ff0066
#ff0033
#ff0033
#ff0033
#ff0033
#ff0033
#ff0033
#ff0000
#ff0000
#ff0000
#ff0000
#ff0000
#ff0000
#ccffff
#ccffff
#ccffff
#ccffff
#ccffff
#ccffff
#ccffcc
#ccffcc
#ccffcc
#ccffcc
#ccffcc
#ccffcc
#ccff99
#ccff99
#ccff99
#ccff99
#ccff99
#ccff99
#ccff66
#ccff66
#ccff66
#ccff66
#ccff66
#ccff66
#ccff33
#ccff33
#ccff33
#ccff33
#ccff33
#ccff33
#ccff00
#ccff00
#ccff00
#ccff00
#ccff00
#ccff00
#ccccff
#ccccff
#ccccff
#ccccff
#ccccff
#ccccff
#cccccc
#cccccc
#cccccc
#cccccc
#cccccc
#cccccc
#cccc99
#cccc99
#cccc99
#cccc99
#cccc99
#cccc99
#cccc66
#cccc66
#cccc66
#cccc66
#cccc66
#cccc66
#cccc33
#cccc33
#cccc33
#cccc33
#cccc33
#cccc33
#cccc00
#cccc00
#cccc00
#cccc00
#cccc00
#cccc00
#cc99ff
#cc99ff
#cc99ff
#cc99ff
#cc99ff
#cc99ff
#cc99cc
#cc99cc
#cc99cc
#cc99cc
#cc99cc
#cc99cc
#cc9999
#cc9999
#cc9999
#cc9999
#cc9999
#cc9999
#cc9966
#cc9966
#cc9966
#cc9966
#cc9966
#cc9966
#cc9933
#cc9933
#cc9933
#cc9933
#cc9933
#cc9933
#cc9900
#cc9900
#cc9900
#cc9900
#cc9900
#cc9900
#cc66ff
#cc66ff
#cc66ff
#cc66ff
#cc66ff
#cc66ff
#cc66cc
#cc66cc
#cc66cc
#cc66cc
#cc66cc
#cc66cc
#cc6699
#cc6699
#cc6699
#cc6699
#cc6699
#cc6699
#cc6666
#cc6666
#cc6666
#cc6666
#cc6666
#cc6666
#cc6633
#cc6633
#cc6633
#cc6633
#cc6633
#cc6633
#cc6600
#cc6600
#cc6600
#cc6600
#cc6600
#cc6600
#cc33ff
#cc33ff
#cc33ff
#cc33ff
#cc33ff
#cc33ff
#cc33cc
#cc33cc
#cc33cc
#cc33cc
#cc33cc
#cc33cc
#cc3399
#cc3399
#cc3399
#cc3399
#cc3399
#cc3399
#cc3366
#cc3366
#cc3366
#cc3366
#cc3366
#cc3366
#cc3333
#cc3333
#cc3333
#cc3333
#cc3333
#cc3333
#cc3300
#cc3300
#cc3300
#cc3300
#cc3300
#cc3300
#cc00ff
#cc00ff
#cc00ff
#cc00ff
#cc00ff
#cc00ff
#cc00cc
#cc00cc
#cc00cc
#cc00cc
#cc00cc
#cc00cc
#cc0099
#cc0099
#cc0099
#cc0099
#cc0099
#cc0099
#cc0066
#cc0066
#cc0066
#cc0066
#cc0066
#cc0066
#cc0033
#cc0033
#cc0033
#cc0033
#cc0033
#cc0033
#cc0000
#cc0000
#cc0000
#cc0000
#cc0000
#cc0000
#99ffff
#99ffff
#99ffff
#99ffff
#99ffff
#99ffff
#99ffcc
#99ffcc
#99ffcc
#99ffcc
#99ffcc
#99ffcc
#99ff99
#99ff99
#99ff99
#99ff99
#99ff99
#99ff99
#99ff66
#99ff66
#99ff66
#99ff66
#99ff66
#99ff66
#99ff33
#99ff33
#99ff33
#99ff33
#99ff33
#99ff33
#99ff00
#99ff00
#99ff00
#99ff00
#99ff00
#99ff00
#99ccff
#99ccff
#99ccff
#99ccff
#99ccff
#99ccff
#99cccc
#99cccc
#99cccc
#99cccc
#99cccc
#99cccc
#99cc99
#99cc99
#99cc99
#99cc99
#99cc99
#99cc99
#99cc66
#99cc66
#99cc66
#99cc66
#99cc66
#99cc66
#99cc33
#99cc33
#99cc33
#99cc33
#99cc33
#99cc33
#99cc00
#99cc00
#99cc00
#99cc00
#99cc00
#99cc00
#9999ff
#9999ff
#9999ff
#9999ff
#9999ff
#9999ff
#9999cc
#9999cc
#9999cc
#9999cc
#9999cc
#9999cc
#999999
#999999
#999999
#999999
#999999
#999999
#999966
#999966
#999966
#999966
#999966
#999966
#999933
#999933
#999933
#999933
#999933
#999933
#999900
#999900
#999900
#999900
#999900
#999900
#9966ff
#9966ff
#9966ff
#9966ff
#9966ff
#9966ff
#9966cc
#9966cc
#9966cc
#9966cc
#9966cc
#9966cc
#996699
#996699
#996699
#996699
#996699
#996699
#996666
#996666
#996666
#996666
#996666
#996666
#996633
#996633
#996633
#996633
#996633
#996633
#996600
#996600
#996600
#996600
#996600
#996600
#9933ff
#9933ff
#9933ff
#9933ff
#9933ff
#9933ff
#9933cc
#9933cc
#9933cc
#9933cc
#9933cc
#9933cc
#993399
#993399
#993399
#993399
#993399
#993399
#993366
#993366
#993366
#993366
#993366
#993366
#993333
#993333
#993333
#993333
#993333
#993333
#993300
#993300
#993300
#993300
#993300
#993300
#9900ff
#9900ff
#9900ff
#9900ff
#9900ff
#9900ff
#9900cc
#9900cc
#9900cc
#9900cc
#9900cc
#9900cc
#990099
#990099
#990099
#990099
#990099
#990099
#990066
#990066
#990066
#990066
#990066
#990066
#990033
#990033
#990033
#990033
#990033
#990033
#990000
#990000
#990000
#990000
#990000
#990000
#66ffff
#66ffff
#66ffff
#66ffff
#66ffff
#66ffff
#66ffcc
#66ffcc
#66ffcc
#66ffcc
#66ffcc
#66ffcc
#66ff99
#66ff99
#66ff99
#66ff99
#66ff99
#66ff99
#66ff66
#66ff66
#66ff66
#66ff66
#66ff66
#66ff66
#66ff33
#66ff33
#66ff33
#66ff33
#66ff33
#66ff33
#66ff00
#66ff00
#66ff00
#66ff00
#66ff00
#66ff00
#66ccff
#66ccff
#66ccff
#66ccff
#66ccff
#66ccff
#66cccc
#66cccc
#66cccc
#66cccc
#66cccc
#66cccc
#66cc99
#66cc99
#66cc99
#66cc99
#66cc99
#66cc99
#66cc66
#66cc66
#66cc66
#66cc66
#66cc66
#66cc66
#66cc33
#66cc33
#66cc33
#66cc33
#66cc33
#66cc33
#66cc00
#66cc00
#66cc00
#66cc00
#66cc00
#66cc00
#6699ff
#6699ff
#6699ff
#6699ff
#6699ff
#6699ff
#6699cc
#6699cc
#6699cc
#6699cc
#6699cc
#6699cc
#669999
#669999
#669999
#669999
#669999
#669999
#669966
#669966
#669966
#669966
#669966
#669966
#669933
#669933
#669933
#669933
#669933
#669933
#669900
#669900
#669900
#669900
#669900
#669900
#6666ff
#6666ff
#6666ff
#6666ff
#6666ff
#6666ff
#6666cc
#6666cc
#6666cc
#6666cc
#6666cc
#6666cc
#666699
#666699
#666699
#666699
#666699
#666699
#666666
#666666
#666666
#666666
#666666
#666666
#666633
#666633
#666633
#666633
#666633
#666633
#666600
#666600
#666600
#666600
#666600
#666600
#6633ff
#6633ff
#6633ff
#6633ff
#6633ff
#6633ff
#6633cc
#6633cc
#6633cc
#6633cc
#6633cc
#6633cc
#663399
#663399
#663399
#663399
#663399
#663399
#663366
#663366
#663366
#663366
#663366
#663366
#663333
#663333
#663333
#663333
#663333
#663333
#663300
#663300
#663300
#663300
#663300
#663300
#6600ff
#6600ff
#6600ff
#6600ff
#6600ff
#6600ff
#6600cc
#6600cc
#6600cc
#6600cc
#6600cc
#6600cc
#660099
#660099
#660099
#660099
#660099
#660099
#660066
#660066
#660066
#660066
#660066
#660066
#660033
#660033
#660033
#660033
#660033
#660033
#660000
#660000
#660000
#660000
#660000
#660000
#33ffff
#33ffff
#33ffff
#33ffff
#33ffff
#33ffff
#33ffcc
#33ffcc
#33ffcc
#33ffcc
#33ffcc
#33ffcc
#33ff99
#33ff99
#33ff99
#33ff99
#33ff99
#33ff99
#33ff66
#33ff66
#33ff66
#33ff66
#33ff66
#33ff66
#33ff33
#33ff33
#33ff33
#33ff33
#33ff33
#33ff33
#33ff00
#33ff00
#33ff00
#33ff00
#33ff00
#33ff00
#33ccff
#33ccff
#33ccff
#33ccff
#33ccff
#33ccff
#33cccc
#33cccc
#33cccc
#33cccc
#33cccc
#33cccc
#33cc99
#33cc99
#33cc99
#33cc99
#33cc99
#33cc99
#33cc66
#33cc66
#33cc66
#33cc66
#33cc66
#33cc66
#33cc33
#33cc33
#33cc33
#33cc33
#33cc33
#33cc33
#33cc00
#33cc00
#33cc00
#33cc00
#33cc00
#33cc00
#3399ff
#3399ff
#3399ff
#3399ff
#3399ff
#3399ff
#3399cc
#3399cc
#3399cc
#3399cc
#3399cc
#3399cc
#339999
#339999
#339999
#339999
#339999
#339999
#339966
#339966
#339966
#339966
#339966
#339966
#339933
#339933
#339933
#339933
#339933
#339933
#339900
#339900
#339900
#339900
#339900
#339900
#3366ff
#3366ff
#3366ff
#3366ff
#3366ff
#3366ff
#3366cc
#3366cc
#3366cc
#3366cc
#3366cc
#3366cc
#336699
#336699
#336699
#336699
#336699
#336699
#336666
#336666
#336666
#336666
#336666
#336666
#336633
#336633
#336633
#336633
#336633
#336633
#336600
#336600
#336600
#336600
#336600
#336600
#3333ff
#3333ff
#3333ff
#3333ff
#3333ff
#3333ff
#3333cc
#3333cc
#3333cc
#3333cc
#3333cc
#3333cc
#333399
#333399
#333399
#333399
#333399
#333399
#333366
#333366
#333366
#333366
#333366
#333366
#333333
#333333
#333333
#333333
#333333
#333333
#333300
#333300
#333300
#333300
#333300
#333300
#3300ff
#3300ff
#3300ff
#3300ff
#3300ff
#3300ff
#3300cc
#3300cc
#3300cc
#3300cc
#3300cc
#3300cc
#330099
#330099
#330099
#330099
#330099
#330099
#330066
#330066
#330066
#330066
#330066
#330066
#330033
#330033
#330033
#330033
#330033
#330033
#330000
#330000
#330000
#330000
#330000
#330000
#00ffff
#00ffff
#00ffff
#00ffff
#00ffff
#00ffff
#00ffcc
#00ffcc
#00ffcc
#00ffcc
#00ffcc
#00ffcc
#00ff99
#00ff99
#00ff99
#00ff99
#00ff99
#00ff99
#00ff66
#00ff66
#00ff66
#00ff66
#00ff66
#00ff66
#00ff33
#00ff33
#00ff33
#00ff33
#00ff33
#00ff33
#00ff00
#00ff00
#00ff00
#00ff00
#00ff00
#00ff00
#00ccff
#00ccff
#00ccff
#00ccff
#00ccff
#00ccff
#00cccc
#00cccc
#00cccc
#00cccc
#00cccc
#00cccc
#00cc99
#00cc99
#00cc99
#00cc99
#00cc99
#00cc99
#00cc66
#00cc66
#00cc66
#00cc66
#00cc66
#00cc66
#00cc33
#00cc33
#00cc33
#00cc33
#00cc33
#00cc33
#00cc00
#00cc00
#00cc00
#00cc00
#00cc00
#00cc00
#0099ff
#0099ff
#0099ff
#0099ff
#0099ff
#0099ff
#0099cc
#0099cc
#0099cc
#0099cc
#0099cc
#0099cc
#009999
#009999
#009999
#009999
#009999
#009999
#009966
#009966
#009966
#009966
#009966
#009966
#009933
#009933
#009933
#009933
#009933
#009933
#009900
#009900
#009900
#009900
#009900
#009900
#0066ff
#0066ff
#0066ff
#0066ff
#0066ff
#0066ff
#0066cc
#0066cc
#0066cc
#0066cc
#0066cc
#0066cc
#006699
#006699
#006699
#006699
#006699
#006699
#006666
#006666
#006666
#006666
#006666
#006666
#006633
#006633
#006633
#006633
#006633
#006633
#006600
#006600
#006600
#006600
#006600
#006600
#0033ff
#0033ff
#0033ff
#0033ff
#0033ff
#0033ff
#0033cc
#0033cc
#0033cc
#0033cc
#0033cc
#0033cc
#003399
#003399
#003399
#003399
#003399
#003399
#003366
#003366
#003366
#003366
#003366
#003366
#003333
#003333
#003333
#003333
#003333
#003333
#003300
#003300
#003300
#003300
#003300
#003300
#0000ff
#0000ff
#0000ff
#0000ff
#0000ff
#0000ff
#0000cc
#0000cc
#0000cc
#0000cc
#0000cc
#0000cc
#000099
#000099
#000099
#000099
#000099
#000099
#000066
#000066
#000066
#000066
#000066
#000066
#000033
#000033
#000033
#000033
#000033
#000033
#000000
#000000
#000000
#000000
#000000
#000000


[1]HP作成代行 | [2]HP作成講座 | [3]CGI配布 | [4]有料HPスペース | [B]掲示板

▲Top Page | About Us | About Link | Sitemap

Now: 2018/12/10-12:24:40

Copyright (c) 2000-2008 PONTA