ホームページづくりに便利なカラーパレット

  

 HTMLにおいて色を指定する方法には、直接色の名前を入れるCOLORNAME指定という方法と、 赤(R)、緑(G)、青(B)の色の三原色をそれぞれ16進数の「値」で指定する方法の二種類があります。 16進数を一原色あたり2組使うことで、一原色につき256通り、それが三色組み合わさって全部で1677万7216色(フルカラー)の指定が可能になります。
 16進数は、2進数や10進数と同様に数をカウントする方法です。16進数は、0から始まり9を越える数字をABCで表示し、 最後がFになったところで桁上がります。10進数の0から9までの10種類で一桁に対し、16進数は0からFまで16種類の数で一桁になります。 そのため、一桁で16通りの組み合わせを持つ4ビット(2進数で4桁)分を、二桁あればコンピュータの1バイト(8ビット=256種類)の組み合わせが表現できるのです。
 色名称はそれ自体を覚えるしかありませんが、16進数指定は、希望の色を最初に作成して、それを16進数表示に変換することで、 "000000"(黒)から"FFFFFF"(白)までのどんな色でも指定できます。作成した色を簡単に16進数表示させるペイントツールも数多くあります。 もっとも、肝心のコンピュータ画面がフルカラーに対応していないこともあるので、あまり細かい指定は無意味かもしれません。
 下記にCOLORNAMEと16進数表示との対応表を記載しときます。


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