■ 色見本(カラーコード)が貴方のモニタ上でどう見えるのか気になるので作ってみました!
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 |
■ まとめ
印刷されたものは、パソコンの画面の色合いとは異なります。
パソコンのように自分で光を放つものと紙の上の色が違って見えるのは仕方ないことです。
なら、パソコンでどう見えるのかを簡単に見たいと思って「色見本」を作りました。
貴方のモニタの実力もこれで判るかも! 貴方は、どんな色が好きなのかなぁ!
|