バナー作成のペペ

バナー作成のバナー.ペペで効果的バナー・ボタン 制作


《カラーコードの読み方》
カラーコードは「赤」「緑」「青」の色を指定することにより、合計で約1,677万色を指定することができます。

カラーコード例: #aabbcc 色分けすると→
# aa bb cc
 #の後に6桁の数字もしくはアルファベットで表します。
上の例だとaaが赤、bbが緑、ccが青の強さを示しています。

文字の意味は、
←色が弱い    色が強い→
0 1 2 3 4 5 6 7 8 9 a b c d e f
の、16進法で区別します。
それが2桁ありますので赤・緑・青の一色につき256色を表現できます。


■色によるイメージの違い

色により伝える印象が変わってきます。
バナーを貼るサイトの条件も考慮する必要もありますね。



HTML カラーコード 参考表


バナー制作を依頼するときに色の希望がある時は下記の表を参考にして指定してください。
※カラーコードは色を指定できますが、どのディスプレイでも同じ色が表示されるとは限りません。

色とカーラーコード
#000000 #333333 #555555 #777777 #999999 #bbbbbb #dddddd #ffffff - - -
#330000 #550000 #770000 #990000 #bb0000 #dd0000 #ff0000 - 0 0
#333333 #553333 #773333 #993333 #bb3333 #dd3333 #ff3333 - 51 51
#336666 #556666 #776666 #996666 #bb6666 #dd6666 #ff6666 - 102 102
#339999 #559999 #779999 #999999 #bb9999 #dd9999 #ff9999 - 153 153
#33cccc #55cccc #77cccc #99cccc #bbcccc #ddcccc #ffcccc - 204 204
#00ffff #33ffff #55ffff #77ffff #99ffff #bbffff #ddffff #ffffff - 255 255
#003300 #005500 #007700 #009900 #00bb00 #00dd00 #00ff00 0 - 0
#333333 #335533 #337733 #339933 #33bb33 #33dd33 #33ff33 51 - 51
#663366 #665566 #667766 #669966 #66bb66 #66dd66 #66ff66 102 - 102
#993399 #995599 #997799 #999999 #99bb99 #99dd99 #99ff99 153 - 153
#cc33cc #cc55cc #cc77cc #cc99cc #ccbbcc #ccddcc #ccffcc 204 - 204
#ff00ff #ff33ff #ff55ff #ff77ff #ff99ff #ffbbff #ffddff #ffffff 255 - 255
#000033 #000055 #000077 #000099 #0000bb #0000dd #0000ff 0 0 -
#333333 #333355 #333377 #333399 #3333bb #3333dd #3333ff 51 51 -
#666633 #666655 #666677 #666699 #6666bb #6666dd #6666ff 102 102 -
#999933 #999955 #999977 #999999 #9999bb #9999dd #9999ff 153 153 -
#cccc33 #cccc55 #cccc77 #cccc99 #ccccbb #ccccdd #ccccff 204 204 -
#ffff00 #ffff33 #ffff55 #ffff77 #ffff99 #ffffbb #ffffdd #ffffff 255 255 -
#003333 #005555 #007777 #009999 #00bbbb #00dddd #00ffff 0 - -
#333333 #335555 #337777 #339999 #33bbbb #33dddd #33ffff 51 - -
#663333 #665555 #667777 #669999 #66bbbb #66dddd #66ffff 102 - -
#993333 #995555 #997777 #999999 #99bbbb #99dddd #99ffff 153 - -
#cc3333 #cc5555 #cc7777 #cc9999 #ccbbbb #ccdddd #ccffff 204 - -
#ff0000 #ff3333 #ff5555 #ff7777 #ff9999 #ffbbbb #ffdddd #ffffff 255 - -
#333300 #555500 #777700 #999900 #bbbb00 #dddd00 #ffff00 - - 0
#333333 #555533 #777733 #999933 #bbbb33 #dddd33 #ffff33 - - 51
#333366 #555566 #777766 #999966 #bbbb66 #dddd66 #ffff66 - - 102
#333399 #555599 #777799 #999999 #bbbb99 #dddd99 #ffff99 - - 153
#3333cc #5555cc #7777cc #9999cc #bbbbcc #ddddcc #ffffcc - - 204
#0000ff #3333ff #5555ff #7777ff #9999ff #bbbbff #ddddff #ffffff - - 255
#330033 #550055 #770077 #990099 #bb00bb #dd00dd #ff00ff - 0 -
#333333 #553355 #773377 #993399 #bb33bb #dd33dd #ff33ff - 51 -
#336633 #556655 #776677 #996699 #bb66bb #dd66dd #ff66ff - 102 -
#339933 #559955 #779977 #999999 #bb99bb #dd99dd #ff99ff - 153 -
#33cc33 #55cc55 #77cc77 #99cc99 #bbccbb #ddccdd #ffccff - 204 -
#00ff00 #33ff33 #55ff55 #77ff77 #99ff99 #bbffbb #ddffdd #ffffff - 255 -
#000000 #333333 #555555 #777777 #999999 #bbbbbb #dddddd #ffffff - - -
#00ff99 #33ff99 #55ff99 #77ff99 #99ff99 #bbff99 #ddff99 #ffff99 - 255 153
#9900ff #9933ff #9955ff #9977ff #9999ff #99bbff #99ddff #99ffff 153 - 255
#ff9900 #ff9933 #ff9955 #ff9977 #ff9999 #ff99bb #ff99dd #ff99ff 255 153 -
#ff0099 #ff3399 #ff5599 #ff7799 #ff9999 #ffbb99 #ffdd99 #ffff99 255 - 153
#99ff00 #99ff33 #99ff55 #99ff77 #99ff99 #99ffbb #99ffdd #99ffff 153 255 -
#0099ff #3399ff #5599ff #7799ff #9999ff #bb99ff #ddf99ff #ff99ff - 153 255
00 33 55 77 99 bb dd ff

サイトマップ
ページトップへ
Copyright 2005 AssistPePe. All rights reserved.