実験結果10 [おためし]
Webページカラーチャート(標準16色)
black #000000 |
gray #808080 |
silver #c0c0c0 |
white #ffffff |
blue #0000ff |
navy #000080 |
teal #008080 |
green #008000 |
aqua #00ffff |
lime #00ff00 |
yellow #ffff00 |
magenta #ff00ff |
olive #808000 |
puaple #800080 |
maroon #800000 |
red #ff0000 |
色名(英語名)と色指定値(赤(R)、緑(G)、青(B) それぞれを、2桁の16進数(00~FF)で表現:#RRGGBB)で示しました。
WebSafeカラー(Win、Macなどの機種に依存しない色指定値)
R=00 (G=00-FF/B=00-FF) | |||||
#0000ff | #0033ff | #0066ff | #0099ff | #00ccff | #00ffff |
#0000cc | #0033cc | #0066cc | #0099cc | #00cccc | #00ffcc |
#000099 | #003399 | #006699 | #009999 | #00cc99 | #00ff99 |
#000066 | #003366 | #006666 | #009966 | #00cc66 | #00ff66 |
#000033 | #003333 | #006633 | #009933 | #00cc33 | #00ff33 |
#000000 | #003300 | #006600 | #009900 | #00cc00 | #00ff00 |
R=33 (G=00-FF/B=00-FF) | |||||
#3300ff | #3333ff | #3366ff | #3399ff | #33ccff | #33ffff |
#3300cc | #3333cc | #3366cc | #3399cc | #33cccc | #33ffcc |
#330099 | #333399 | #336699 | #339999 | #33cc99 | #33ff99 |
#330066 | #333366 | #336666 | #339966 | #33cc66 | #33ff66 |
#330033 | #333333 | #336633 | #339933 | #33cc33 | #33ff33 |
#330000 | #333300 | #336600 | #339900 | #33cc00 | #33ff00 |
R=66 (G=00-FF/B=00-FF) | |||||
#6600ff | #6633ff | #6666ff | #6699ff | #66ccff | #66ffff |
#6600cc | #6633cc | #6666cc | #6699cc | #66cccc | #66ffcc |
#660099 | #663399 | #666699 | #669999 | #66cc99 | #66ff99 |
#660066 | #663366 | #666666 | #669966 | #66cc66 | #66ff66 |
#660033 | #663333 | #666633 | #669933 | #66cc33 | #66ff33 |
#660000 | #663300 | #666600 | #669900 | #66cc00 | #66ff00 |
R=99 (G=00-FF/B=00-FF) | |||||
#9900ff | #9933ff | #9966ff | #9999ff | #99ccff | #99ffff |
#9900cc | #9933cc | #9966cc | #9999cc | #99cccc | #99ffcc |
#990099 | #993399 | #996699 | #999999 | #99cc99 | #99ff99 |
#990066 | #993366 | #996666 | #999966 | #99cc66 | #99ff66 |
#990033 | #993333 | #996633 | #999933 | #99cc33 | #99ff33 |
#990000 | #993300 | #996600 | #999900 | #99cc00 | #99ff00 |
R=cc (G=00-FF/B=00-FF) | |||||
#cc00ff | #cc33ff | #cc66ff | #cc99ff | #ccccff | #ccffff |
#cc00cc | #cc33cc | #cc66cc | #cc99cc | #cccccc | #ccffcc |
#cc0099 | #cc3399 | #cc6699 | #cc9999 | #cccc99 | #ccff99 |
#cc0066 | #cc3366 | #cc6666 | #cc9966 | #cccc66 | #ccff66 |
#cc0033 | #cc3333 | #cc6633 | #cc9933 | #cccc33 | #ccff33 |
#cc0000 | #cc3300 | #cc6600 | #cc9900 | #cccc00 | #ccff00 |
R=ff (G=00-FF/B=00-FF) | |||||
#ff00ff | #ff33ff | #ff66ff | #ff99ff | #ffccff | #ffffff |
#ff00cc | #ff33cc | #ff66cc | #ff99cc | #ffcccc | #ffffcc |
#ff0099 | #ff3399 | #ff6699 | #ff9999 | #ffcc99 | #ffff99 |
#ff0066 | #ff3366 | #ff6666 | #ff9966 | #ffcc66 | #ffff66 |
#ff0033 | #ff3333 | #ff6633 | #ff9933 | #ffcc33 | #ffff33 |
#ff0000 | #ff3300 | #ff6600 | #ff9900 | #ffcc00 | #ffff00 |
補色は難しいです・・・バックカラーと文字色の対比が悪いので、見づらいかもしれません。
今後の課題ですね・・・
色名の表はまた後日・・・
気合はいってますね^^
おつかれさまです。
by kuu (2006-04-05 19:18)
いらっしゃい。
ここまでは、規則性(わかるかな?)があるので、作成も比較的楽です。
この後は、ちょっと大変。
でも絶対に、色に興味を持ってもらえますよ。
by 柊太郎 (2006-04-06 01:11)
ディスプレイの照度、落とさないと、目がつかれます・・・
私も自分のパソコンと、印刷の色の違いが知りたくて、
カラーチャートの着いた本を買いました。
by (2006-04-06 23:50)
昨日はありがとうございました。
by (2006-04-07 23:39)
お゛ぉ~、すごいですね!
何かの時に、こちらを拝見して使わせていただきまふ♪
by みさき (2006-04-13 13:10)