ColorName

 
  

色のしくみ

パソコンの画面上の色は、RGB(Red, Green, Blue)の光の三原色を0~255までの256段階に調整することで表現されています。フルカラーと呼ばれる環境では、画像はRGB(256×256×256)の1677万7216色で表現されます。
 

色の指定方法

HTMLにおける色の指定方法には、先頭に#をつけた16進数によるRGB値(#RRGGBB)とカラーネームの2つの形式があります。カラーネームには、ほとんどのブラウザがサポートするHTMLの基本16色と、Netscapeによって定義され、IEでもサポートされるカラーネームとがあります。
 

カラーネーム (ie N)

以下は、Netscapeによって定義され、IEでもサポートされているカラーネームです。ブラウザによってはサポートしていないものもあるので、カラーコード(RGB値)での指定をお勧めします。

rosybrown
#bc8f8f
indianred
#cd5c5c
brown
#a52a2a
firebrick
#b22222
lightcoral
#f08080
maroon
#800000
darkred
#8b0000
red
#ff0000
snow
#fffafa
salmon
#fa8072
mistyrose
#ffe4e1
tomato
#ff6347
darksalmon
#e9967a
orangered
#ff4500
coral
#ff7f50
lightsalmon
#ffa07a
sienna
#a0522d
chocolate
#d2691e
saddlebrown
#8b4513
seashell
#fff5ee
sandybrown
#f4a460
peachpuff
#ffdab9
peru
#cd853f
linen
#faf0e6
darkorange
#ff8c00
bisque
#ffe4c4
tan
#d2b48c
burlywood
#deb887
antiquewhite
#faebd7
navajowhite
#ffdead
blanchedalmond
#ffebcd
papayawhip
#ffefd5
moccasin
#ffe4b5
wheat
#f5deb3
oldlace
#fdf5e6
orange
#ffa500
floralwhite
#fffaf0
goldenrod
#daa520
darkgoldenrod
#b8860b
cornsilk
#fff8dc
gold
#ffd700
khaki
#f0e68c
lemonchiffon
#fffacd
palegoldenrod
#eee8aa
darkkhaki
#bdb76b
beige
#f5f5dc
olive
#808000
yellow
#ffff00
lightyellow
#ffffe0
ivory
#fffff0
lightgoldenrodyellow
#fafad2
olivedrab
#6b8e23
yellowgreen
#9acd32
darkolivegreen
#556b2f
greenyellow
#adff2f
lawngreen
#7cfc00
chartreuse
#7fff00
darkseagreen
#8fbc8f
forestgreen
#228b22
limegreen
#32cd32
lightgreen
#90ee90
palegreen
#98fb98
darkgreen
#006400
green
#008000
lime
#00ff00
honeydew
#f0fff0
honeydrab
#00de2b
seagreen
#2e8b57
mediumseagreen
#3cb371
springgreen
#00ff7f
mintcream
#f5fffa
mediumspringgreen
#00fa9a
mediumaquamarine
#66cdaa
aquamarine
#7fffd4
turquoise
#40e0d0
lightseagreen
#20b2aa
mediumturquoise
#48d1cc
darkslategray
#2f4f4f
paleturquoise
#afeeee
teal
#008080
darkcyan
#008b8b
cyan | aqua
#00ffff
lightcyan
#e0ffff
azure
#f0ffff
darkturquoise
#00ced1
cadetblue
#5f9ea0
powderblue
#b0e0e6
lightblue
#add8e6
deepskyblue
#00bfff
skyblue
#87ceeb
lightskyblue
#87cefa
steelblue
#4682b4
aliceblue
#f0f8ff
slategray
#708090
lightslategray
#778899
dodgerblue
#1e90ff
lightsteelblue
#b0c4de
cornflowerblue
#6495ed
royalblue
#4169e1
midnightblue
#191970
lavender
#e6e6fa
navy
#000080
darkblue
#00008b
mediumblue
#0000cd
blue
#0000ff
ghostwhite
#f8f8ff
darkslateblue
#483d8b
slateblue
#6a5acd
mediumslateblue
#7b68ee
mediumpurple
#9370db
indigo
#4b0082
blueviolet
#8a2be2
darkorchid
#9932cc
darkviolet
#9400d3
mediumorchid
#ba55d3
thistle
#d8bfd8
plum
#dda0dd
violet
#ee82ee
purple
#800080
darkmagenta
#8b008b
magenta | fuchsia
#ff00ff
orchid
#da70d6
mediumvioletred
#c71585
deeppink
#ff1493
hotpink
#ff69b4
palevioletred
#db7093
lavenderblush
#fff0f5
crimson
#dc143c
pink
#ffc0cb
lightpink
#ffb6c1
black
#000000
dimgray
#696969
gray
#808080
darkgray
#a9a9a9
silver
#c0c0c0
lightgrey
#d3d3d3
gainsboro
#dcdcdc
whitesmoke
#f5f5f5
white
#ffffff
 

HTMLの基本16色

black
#000000
silver
#c0c0c0
gray
#808080
white
#ffffff
maroon
#800000
red
#ff0000
purple
#800080
fuchsia
#ff00ff
green
#008000
lime
#00ff00
olive
#808000
yellow
#ffff00
navy
#000080
blue
#0000ff
teal
#008080
aqua
#00ffff
 
関連項目: WebSafeColors | ColorName
トップページ HTML Note ページトップ
 2003/06/22発行 2008/01/01更新