TOP >> html color list

[ html color list ]

* ボタンをクリックすると色が変わります

* 右がブラウザーセーフカラー216色（どのOS,ブラウザでも同じように見えるとされている色）で
* 左がHTMLで指定可能な色名140色と、その色の16進数のRGB指定値です。

* cyanとaquaは同じ色です
* magentaとfuchsiaは同じ色です。

*ブラウザーセーフカラーについて詳しくはHot wiredの記事に書かれています。
　　(※リンク先のHotwiredの記事は本サイトと関係するものではありません。記事の著作権はHotwiredに属してます。) <

■モノトーン R=G=B


white(216color) ： ●●● #FFFFFF
whitesmoke ： ●●● #F5F5F5
gainsboro ： ●●● #DCDCDC
lightgrey ： ●●● #D3D3D3
silver ： ●●● #C0C0C0
darkgray ： ●●● #A9A9A9
gray ： ●●● #808080
dimgray ： ●●● #696969
black(216color) ： ●●● #000000

■ほぼモノトーン RGBの差が最大45以内


snow ： ●●● #FFFAFA （やや赤み）
floralwhite ： ●●● #FFFAF0 （R>G>B）
linen ： ●●● #FAF0E6 （R>G>B）
seashell ： ●●● #FFF5EE (R>G>B)
oldlace ： ●●● #FDF5E6 (R>G>B)
antiquewhite ： ●●● #FAEBD7 (R>G>B)
cornsilk ： ●●● #FFF8DC (R>G>B)
papayawhip ： ●●● #FFEFD5 (R>G>B)
mistyrose ： ●●● #FFE4E1 (R>G>B)
lightgoldenrodyellow ： ●●● #FAFAD2 (やや黄)
lightyellow ： ●●● #FFFFE0 (やや黄)
ivory ： ●●● #FFFFF0 (やや黄)
mintcream ： ●●● #F5FFFA (やや緑)
honeydew ： ●●● #F0FFF0 (やや緑)
azure ： ●●● #F0FFFF (ややシアン)
lightcyan ： ●●● #E0FFFF (ややシアン)
darkslategray ： ●●● #2F4F4F（ややシアン）
AliceBlue ： ●●● #F0F8FF (B>G>R)(※ブラウザによっては不具合あり。)
lightslategray ： ●●● #778899 (B>G>R)
slategray ： ●●● #708090 (B>G>R)
ghostwhite ： ●●● #F8F8FF (やや青)
beige ： ●●● #F5F5DC (やや青)
lavender ： ●●● #E6E6FA (やや青)
thistle ： ●●● #D8BFD8（ややマゼンダ）
lavenderblush ： ●●● #FFF0F5 (R>B>G)

■赤 R>G=B


red(216color) ： ●●● #FF0000
lightcoral ： ●●● #F08080
rosybrown ： ●●● #BC8F8F
indianred ： ●●● #CD5C5C
firebrick ： ●●● #B22222
brown ： ●●● #A52A2A
darkred ： ●●● #8B0000
maroon ： ●●● #800000
#FFFFFF
#FFCCCC
#CCCCCC #FF9999
#CC9999 #FF6666
#999999 #CC6666 #FF3333
#996666 #CC3333 #FF0000
#666666 #993333 #CC0000
#663333 #990000
#333333 #660000
#330000
#000000

■赤系のイエロー、オレンジ、茶色 R>G>B


lemonchiffon ： ●●● #FFFACD
blanchedalmond ： ●●● #FFEBCD
bisque ： ●●● #FFE4C4
moccasin ： ●●● #FFE4B5
wheat ： ●●● #F5DEB3
peachpuff ： ●●● #FFDAB9
navajowhite ： ●●● #FFDEAD
palegoldenrod ： ●●● #EEE8AA
khaki ： ●●● #F0E68C
lightsalmon ： ●●● #FFA07A
salmon ： ●●● #FA8072
coral ： ●●● #FF7F50
orangered ： ●●● #FF4500
tomato ： ●●● #FF6347
sandybrown ： ●●● #F4A460
orange ： ●●● #FFA500
gold ： ●●● #FFD700
goldenrod ： ●●● #DAA520
darkorange ： ●●● #FF8C00
darksalmon ： ●●● #E9967A
burlywood ： ●●● #DEB887
tan ： ●●● #D2B48C
darkkhaki ： ●●● #BDB76B
peru ： ●●● #CD853F
chocolate ： ●●● #D2691E
darkgoldenrod ： ●●● #B8860B
sienna ： ●●● #A0522D
saddlebrown ： ●●● #8B4513
#FFFFFF
#CCCCCC #FFCC99
#FFCC66
#999999 #CC9966 #FF9966 #FFCC33
#FF9933 #FFCC00
#CC9933 #FF6633 #FF9900
#666666 #996633 #CC6633 #CC9900 #FF6600
#996600 #CC6600 #FF3300
#CC3300
#333333 #663300 #993300
#000000

■イエロー G=R>B


yellow(216color) ： ●●● #FFFF00
olive ： ●●● #808000
#FFFFFF
#FFFFCC
#CCCCCC #FFFF99
#CCCC99 #FFFF66
#999999 #CCCC66 #FFFF33
#999966 #CCCC33 #FFFF00
#666666 #999933 #CCCC00
#666633 #999900
#333333 #666600
#333300
#000000

■緑系のイエロー、黄緑 G>R>B


lawngreen ： ●●● #7CFC00
chartreuse ： ●●● #7FFF00
greenyellow ： ●●● #ADFF2F
yellowgreen ： ●●● #9ACD32
olivedrab ： ●●● #6B8E23
darkolivegreen ： ●●● #556B2F
#FFFFFF
#CCCCCC #CCFF99
#CCFF66
#999999 #99CC66 #99FF66 #CCFF33
#99FF33 #CCFF00
#99CC33 #66FF33 #99FF00
#666666 #669933 #66CC33 #99CC00 #66FF00
#669900 #66CC00 #33FF00
#33CC00
#333333 #336600 #339900
#000000

■緑 G>B=R


palegreen ： ●●● #98FB98
lightgreen ： ●●● #90EE90
lime(216color) ： ●●● #00FF00
limegreen ： ●●● #32CD32
darkseagreen ： ●●● #8FBC8F
forestgreen ： ●●● #228B22
green ： ●●● #008000
darkgreen ： ●●● #006400
#FFFFFF
#CCFFCC
#CCCCCC #99FF99
#99CC99 #66FF66
#999999 #66CC66 #33FF33
#669966 #33CC33 #00FF00
#666666 #339933 #00CC00
#336633 #009900
#333333 #006600
#003300
#000000

■緑系のシアン、青緑 G>B>R


aquamarine ： ●●● #7FFFD4
springgreen ： ●●● #00FF7F
mediumspringgreen ： ●●● #00FA9A
turquoise ： ●●● #40E0D0
mediumaquamarine ： ●●● #66CDAA
lightseagreen ： ●●● #20B2AA
mediumseagreen ： ●●● #3CB371
seagreen ： ●●● #2E8B57
#FFFFFF
#CCCCCC #99FFCC
#66FFCC
#999999 #66CC99 #66FF99 #33FFCC
#33FF99 #00FFCC
#33CC99 #33FF66 #00FF99
#666666 #339966 #33CC66 #00CC99 #00FF66
#009966 #00CC66 #00FF33
#00CC33
#333333 #006633 #009933
#000000

■シアン、青緑 B=G>R


aqua(216color) ： ●●● #00FFFF
cyan(216color) ： ●●● #00FFFF
paleturquoise ： ●●● #AFEEEE
darkcyan ： ●●● #008B8B
teal ： ●●● #008080
#FFFFFFF
#CCFFFF
#CCCCCC #99FFFF
#99CCCC #66FFFF
#999999 #66CCCC #33FFFF
#669999 #33CCCC #00FFFF
#666666 #339999 #00CCCC
#336666 #009999
#333333 #006666
#003333
#000000

■青系のシアン、青緑 B>G>R


powderblue ： ●●● #B0E0E6
lightblue ： ●●● #ADD8E6
lightsteelblue ： ●●● #B0C4DE
lightskyblue ： ●●● #87CEFA
skyblue ： ●●● #87CEEB
cadetblue ： ●●● #5F9EA0
mediumturquoise ： ●●● #48D1CC
darkturquoise ： ●●● #00CED1
deepskyblue ： ●●● #00BFFF
dodgerblue ： ●●● #1E90FF
cornflowerblue ： ●●● #6495ED
steelblue ： ●●● #4682B4
royalblue ： ●●● #4169E1
#FFFFFF
#CCCCCC #99CCFF
#66CCFF
#999999 #6699CC #6699FF #33CCFF
#3399FF #00CCFF
#3399CC #3366FF #0099FF
#666666 #336699 #3366CC #0099CC #0066FF
#006699 #0066CC #0033FF
#0033CC
#333333 #003366 #003399
#000000

■青 B>R=G


blue(216color) ： ●●● #0000FF
mediumblue ： ●●● #0000CD
navy ： ●●● #000080
darkblue ： ●●● #00008B
midnightblue ： ●●● #191970
#FFFFFFF
#CCCCFF
#CCCCCC #9999FF
#9999CC #6666FF
#999999 #6666CC #3333FF
#666699 #3333CC #0000FF
#666666 #333399 #0000CC
#333366 #000099
#333333 #000066
#000033
#000000

■青系のマゼンタ、紫 B>R>G


mediumpurple ： ●●● #9370DB
mediumslateblue ： ●●● #7B68EE
mediumorchid ： ●●● #BA55D3
darkorchid ： ●●● #9932CC
darkviolet ： ●●● #9400D3
slateblue ： ●●● #6A5ACD
blueviolet ： ●●● #8A2BE2
darkslateblue ： ●●● #483D8B
indigo ： ●●● #4B0082
#FFFFFF
#CCCCCC #CC99FF
#CC66FF
#999999 #9966CC #9966FF #CC33FF
#9933FF #CC00FF
#9933CC #6633FF #9900FF
#666666 #663399 #6633CC #9900CC #6600FF
#660099 #6600CC #3300FF
#3300CC
#333333 #330066 #330099
#000000

■マゼンタ、紫、ピンク R=B>G


fuchsia(216color) ： ●●● #FF00FF
magenta(216color) ： ●●● #FF00FF
plum ： ●●● #DDA0DD
violet ： ●●● #EE82EE
darkmagenta ： ●●● #8B008B
purple ： ●●● #800080
#FFFFFF
#FFCCFF
#CCCCCC #FF99FF
#CC99CC #FF66FF
#999999 #CC66CC #FF33FF
#996699 #CC33CC #FF00FF
#666666 #993399 #CC00CC
#663366 #990099
#333333 #660066
#330033
#000000

■赤系のマゼンタ、紫、ピンク R>B>G


pink ： ●●● #FFC0CB
lightpink ： ●●● #FFB6C1
orchid ： ●●● #DA70D6
hotpink ： ●●● #FF69B4
deeppink ： ●●● #FF1493
palevioletred ： ●●● #DB7093
crimson ： ●●● #DC143C
mediumvioletred ： ●●● #C71585
#FFFFFF
#CCCCCC #FF99CC
#FF66CC
#999999 #CC6699 #FF6699 #FF33CC
#FF3399 #FF00CC
#CC3399 #FF3366 #FF0099
#666666 #993366 #CC3366 #CC0099 #FF0066
#990066 #CC0066 #FF0033
#CC0033
#333333 #660033 #990033
#000000

Copyright © Akito Inoue 2002.1.4