♪ 考える葦 色見本(カラーコード)がモニタでどう見えるのか! 観天望気 presents 尾瀬で幕営しま専科 
 Home »風景写真 »茨城の風景 »D100の世界 »食い道楽 »温泉三昧 »考える葦 »パンドラの箱 » »HP内検索 

■ 色見本(カラーコード)が貴方のモニタ上でどう見えるのか気になるので作ってみました!

 HTML(Hypertext Markup Language)では、色を#記号を先頭につけた16進数で表します。

 数字はそれぞれR(赤)、G(緑)、B(青)の順で、00〜FF(10進数では0〜255)の256段階があります。
 (例 #8000FF  R=#80(128)G=#00(0)B=#FF(255)
 それがモニタ上でどのように見えるのか、ちょっと作ってみました。 自分で作れば、好きなようにアレンジできますからね。

■ 基本16色パレット HTML3.2で定義されている色です。 表の背景の色が基本の16色です。
  如何(いかが)でしょうか? ちゃんと見えますか? え、ちょっと汚い、くすんで見える???
  全ては「貴方のパソコンの能力」と「貴方の色合いを認識する能力」に依存する世界ですけどね。
Black #000000 Green #008000
Gray #808080 Lime #00FF00
Silver #C0C0C0 Olive #808000
White #FFFFFF Yellow #FFFF00
Maroon #800000 Navy #000080
Red #FF0000 Blue #0000FF
Purple #800080 Teal #008080
Fuchsia #FF00FF Aqua #00FFFF
  RGB純色は当然綺麗! で、混色は変だな? と思うなら、モニターの「色合い調整」をしてください。
  自分が正しいと思う色を「モニタ」上に再現する! これが、パソコンライフを楽しむ基本ですから!

■ Wab safe カラー (216色パレット)

  Webセーフカラーチャートは、8ビットカラー環境で利用できる色は最大256色です。
  WindowsとMacintoshでは、このうちの40色が異なるカラーパレットを使うので、共通色は216色です。

#000000 #003300 #006600 #009900 #00CC00 #00FF00
#000033 #003333 #006633 #009933 #00CC33 #00FF33
#000066 #003366 #006666 #009966 #00CC66 #00FF66
#000099 #003399 #006699 #009999 #00CC99 #00FF99
#0000CC #0033CC #0066CC #0099CC #00CCCC #00FFCC
#0000FF #0033FF #0066FF #0099FF #00CCFF #00FFFF

#330000 #333300 #336600 #339900 #33CC00 #33FF00
#330033 #333333 #336633 #339933 #33CC33 #33FF33
#330066 #333366 #336666 #339966 #33CC66 #33FF66
#330099 #333399 #336699 #339999 #33CC99 #33FF99
#3300CC #3333CC #3366CC #3399CC #33CCCC #33FFCC
#3300FF #3333FF #3366FF #3399FF #33CCFF #33FFFF

#660000 #663300 #666600 #669900 #66CC00 #66FF00
#660033 #663333 #666633 #669933 #66CC33 #66FF33
#660066 #663366 #666666 #669966 #66CC66 #66FF66
#660099 #663399 #666699 #669999 #66CC99 #66FF99
#6600CC #6633CC #6666CC #6699CC #66CCCC #66FFCC
#6600FF #6633FF #6666FF #6699FF #66CCFF #66FFFF

#990000 #993300 #996600 #999900 #99CC00 #99FF00
#990033 #993333 #996633 #999933 #99CC33 #99FF33
#990066 #993366 #996666 #999966 #99CC66 #99FF66
#990099 #993399 #996699 #999999 #99CC99 #99FF99
#9900CC #9933CC #9966CC #9999CC #99CCCC #99FFCC
#9900FF #9933FF #9966FF #9999FF #99CCFF #99FFFF

#CC0000 #CC3300 #CC6600 #CC9900 #CCCC00 #CCFF00
#CC0033 #CC3333 #CC6633 #CC9933 #CCCC33 #CCFF33
#CC0066 #CC3366 #CC6666 #CC9966 #CCCC66 #CCFF66
#CC0099 #CC3399 #CC6699 #CC9999 #CCCC99 #CCFF99
#CC00CC #CC33CC #CC66CC #CC99CC #CCCCCC #CCFFCC
#CC00FF #CC33FF #CC66FF #CC99FF #CCCCFF #CCFFFF

#FF0000 #FF3300 #FF6600 #FF9900 #FFCC00 #FFFF00
#FF0033 #FF3333 #FF6633 #FF9933 #FFCC33 #FFFF33
#FF0066 #FF3366 #FF6666 #FF9966 #FFCC66 #FFFF66
#FF0099 #FF3399 #FF6699 #FF9999 #FFCC99 #FFFF99
#FF00CC #FF33CC #FF66CC #FF99CC #FFCCCC #FFFFCC
#FF00FF #FF33FF #FF66FF #FF99FF #FFCCFF #FFFFFF

Netscape色パレット (主要プラウザでサポートされている色名とカラーコード)

black #000000 navy #000080 mediumorchid #BA55D3 rosybrown #BC8F8F
darkblue #00008B mediumblue #0000CD darkkhaki #BDB76B silver #C0C0C0
blue #0000FF darkgreen #006400 mediumvioletred #C71585 indianred #CD5C5C
green #008000 teal #008080 peru #CD853F chocolate #D2691E
darkcyan #008B8B deepskyblue #00BFFF tan #D2B48C lightgrey #D3D3D3
darkturquoise #00CED1 mediumspringgreen #00FA9A thistle #D8BFD8 orchid #DA70D6
lime #00FF00 springgreen #00FF7F goldenrod #DAA520 palevioletred #DB7093
aqua #00FFFF cyan #00FFFF crimson #DC143C gainsboro #DCDCDC
midnightblue #191970 dodgerblue #1E90FF plum #DDA0DD burlywood #DEB887
lightseagreen #20B2AA forestgreen #228B22 lightcyan #E0FFFF lavender #E6E6FA
seagreen #2E8B57 darkslategray #2F4F4F darksalmon #E9967A violet #EE82EE
limegreen #32CD32 mediumseagreen #3CB371 palegoldenrod #EEE8AA lightcoral #F08080
turquoise #40E0D0 royalblue #4169E1 khaki #F0E68C aliceblue #F0F8FF
steelblue #4682B4 darkslateblue #483D8B honeydew #F0FFF0 azure #F0FFFF
mediumturquoise #48D1CC indigo #4B0082 sandybrown #F4A460 wheat #F5DEB3
darkolivegreen #556B2F cadetblue #5F9EA0 beige #F5F5DC whitesmoke #F5F5F5
cornflowerblue #6495ED mediumaquamarine #66CDAA mintcream #F5FFFA ghostwhite #F8F8FF
dimgray #696969 slateblue #6A5ACD salmon #FA8072 antiquewhite #FAEBD7
olivedrab #6B8E23 slategray #708090 linen #FAF0E6 lightgoldenrodyellow #FAFAD2
lightslategray #778899 mediumslateblue #7B68EE oldlace #FDF5E6 red #FF0000
lawngreen #7CFC00 chartreuse #7FFF00 fuchsia #FF00FF magenta #FF00FF
aquamarine #7FFFD4 maroon #800000 deeppink #FF1493 orangered #FF4500
purple #800080 olive #808000 tomato #FF6347 hotpink #FF69B4
gray #808080 skyblue #87CEEB coral #FF7F50 darkorange #FF8C00
lightskyblue #87CEFA blueviolet #8A2BE2 lightsalmon #FFA07A orange #FFA500
darkred #8B0000 darkmagenta #8B008B lightpink #FFB6C1 pink #FFC0CB
saddlebrown #8B4513 darkseagreen #8FBC8F gold #FFD700 peachpuff #FFDAB9
lightgreen #90EE90 mediumpurple #9370DB navajowhite #FFDEAD moccasin #FFE4B5
darkviolet #9400D3 palegreen #98FB98 bisque #FFE4C4 mistyrose #FFE4E1
darkorchid #9932CC yellowgreen #9ACD32 blanchedalmond #FFEBCD papayawhip #FFEFD5
sienna #A0522D brown #A52A2A lavenderblush #FFF0F5 seashell #FFF5EE
darkgray #A9A9A9 lightblue #ADD8E6 cornsilk #FFF8DC lemonchiffon #FFFACD
greenyellow #ADFF2F paleturquoise #AFEEEE floralwhite #FFFAF0 snow #FFFAFA
lightsteelblue #B0C4DE powderblue #B0E0E6 yellow #FFFF00 lightyellow #FFFFE0
firebrick #B22222 darkgoldenrod #B8860B ivory #FFFFF0 white #FFFFFF

■ まとめ

 印刷されたものは、パソコンの画面の色合いとは異なります。
 パソコンのように自分で光を放つものと紙の上の色が違って見えるのは仕方ないことです。
 なら、パソコンでどう見えるのかを簡単に見たいと思って「色見本」を作りました。

 貴方のモニタの実力もこれで判るかも! 貴方は、どんな色が好きなのかなぁ!
 

尾瀬で幕営しま専科
Copyright © 2002-2006 観天望気 All Rights Reserved.
inserted by FC2 system