HTML Color Chart


2004/11/30 iseri

 [ 内 容 ]

● Web Safe Color

Red を基準に並べる
Red=00Blue
00336699CCFF
G
r
e
e
n
00#000000#000033#000066#000099#0000cc#0000ff
33#003300#003333#003366#003399#0033cc#0033ff
66#006600#006633#006666#006699#0066cc#0066ff
99#009900#009933#009966#009999#0099cc#0099ff
CC#00cc00#00cc33#00cc66#00cc99#00cccc#00ccff
FF#00ff00#00ff33#00ff66#00ff99#00ffcc#00ffff
Red=33Blue
00336699CCFF
G
r
e
e
n
00#330000#330033#330066#330099#3300cc#3300ff
33#333300#333333#333366#333399#3333cc#3333ff
66#336600#336633#336666#336699#3366cc#3366ff
99#339900#339933#339966#339999#3399cc#3399ff
CC#33cc00#33cc33#33cc66#33cc99#33cccc#33ccff
FF#33ff00#33ff33#33ff66#33ff99#33ffcc#33ffff
Red=66Blue
00336699CCFF
G
r
e
e
n
00#660000#660033#660066#660099#6600cc#6600ff
33#663300#663333#663366#663399#6633cc#6633ff
66#666600#666633#666666#666699#6666cc#6666ff
99#669900#669933#669966#669999#6699cc#6699ff
CC#66cc00#66cc33#66cc66#66cc99#66cccc#66ccff
FF#66ff00#66ff33#66ff66#66ff99#66ffcc#66ffff
Red=99Blue
00336699CCFF
G
r
e
e
n
00#990000#990033#990066#990099#9900cc#9900ff
33#993300#993333#993366#993399#9933cc#9933ff
66#996600#996633#996666#996699#9966cc#9966ff
99#999900#999933#999966#999999#9999cc#9999ff
CC#99cc00#99cc33#99cc66#99cc99#99cccc#99ccff
FF#99ff00#99ff33#99ff66#99ff99#99ffcc#99ffff
Red=CCBlue
00336699CCFF
G
r
e
e
n
00#cc0000#cc0033#cc0066#cc0099#cc00cc#cc00ff
33#cc3300#cc3333#cc3366#cc3399#cc33cc#cc33ff
66#cc6600#cc6633#cc6666#cc6699#cc66cc#cc66ff
99#cc9900#cc9933#cc9966#cc9999#cc99cc#cc99ff
CC#cccc00#cccc33#cccc66#cccc99#cccccc#ccccff
FF#ccff00#ccff33#ccff66#ccff99#ccffcc#ccffff
Red=FFBlue
00336699CCFF
G
r
e
e
n
00#ff0000#ff0033#ff0066#ff0099#ff00cc#ff00ff
33#ff3300#ff3333#ff3366#ff3399#ff33cc#ff33ff
66#ff6600#ff6633#ff6666#ff6699#ff66cc#ff66ff
99#ff9900#ff9933#ff9966#ff9999#ff99cc#ff99ff
CC#ffcc00#ffcc33#ffcc66#ffcc99#ffcccc#ffccff
FF#ffff00#ffff33#ffff66#ffff99#ffffcc#ffffff

Green を基準に並べる
Green=00Red
00336699CCFF
B
l
u
e
00#000000#330000#660000#990000#cc0000#ff0000
33#000033#330033#660033#990033#cc0033#ff0033
66#000066#330066#660066#990066#cc0066#ff0066
99#000099#330099#660099#990099#cc0099#ff0099
CC#0000cc#3300cc#6600cc#9900cc#cc00cc#ff00cc
FF#0000ff#3300ff#6600ff#9900ff#cc00ff#ff00ff
Green=33Red
00336699CCFF
B
l
u
e
00#003300#333300#663300#993300#cc3300#ff3300
33#003333#333333#663333#993333#cc3333#ff3333
66#003366#333366#663366#993366#cc3366#ff3366
99#003399#333399#663399#993399#cc3399#ff3399
CC#0033cc#3333cc#6633cc#9933cc#cc33cc#ff33cc
FF#0033ff#3333ff#6633ff#9933ff#cc33ff#ff33ff
Green=66Red
00336699CCFF
B
l
u
e
00#006600#336600#666600#996600#cc6600#ff6600
33#006633#336633#666633#996633#cc6633#ff6633
66#006666#336666#666666#996666#cc6666#ff6666
99#006699#336699#666699#996699#cc6699#ff6699
CC#0066cc#3366cc#6666cc#9966cc#cc66cc#ff66cc
FF#0066ff#3366ff#6666ff#9966ff#cc66ff#ff66ff
Green=99Red
00336699CCFF
B
l
u
e
00#009900#339900#669900#999900#cc9900#ff9900
33#009933#339933#669933#999933#cc9933#ff9933
66#009966#339966#669966#999966#cc9966#ff9966
99#009999#339999#669999#999999#cc9999#ff9999
CC#0099cc#3399cc#6699cc#9999cc#cc99cc#ff99cc
FF#0099ff#3399ff#6699ff#9999ff#cc99ff#ff99ff
Green=CCRed
00336699CCFF
B
l
u
e
00#00cc00#33cc00#66cc00#99cc00#cccc00#ffcc00
33#00cc33#33cc33#66cc33#99cc33#cccc33#ffcc33
66#00cc66#33cc66#66cc66#99cc66#cccc66#ffcc66
99#00cc99#33cc99#66cc99#99cc99#cccc99#ffcc99
CC#00cccc#33cccc#66cccc#99cccc#cccccc#ffcccc
FF#00ccff#33ccff#66ccff#99ccff#ccccff#ffccff
Green=FFRed
00336699CCFF
B
l
u
e
00#00ff00#33ff00#66ff00#99ff00#ccff00#ffff00
33#00ff33#33ff33#66ff33#99ff33#ccff33#ffff33
66#00ff66#33ff66#66ff66#99ff66#ccff66#ffff66
99#00ff99#33ff99#66ff99#99ff99#ccff99#ffff99
CC#00ffcc#33ffcc#66ffcc#99ffcc#ccffcc#ffffcc
FF#00ffff#33ffff#66ffff#99ffff#ccffff#ffffff

Blue を基準に並べる
Blue=00Green
00336699CCFF
R
e
d
00#000000#003300#006600#009900#00cc00#00ff00
33#330000#333300#336600#339900#33cc00#33ff00
66#660000#663300#666600#669900#66cc00#66ff00
99#990000#993300#996600#999900#99cc00#99ff00
CC#cc0000#cc3300#cc6600#cc9900#cccc00#ccff00
FF#ff0000#ff3300#ff6600#ff9900#ffcc00#ffff00
Blue=33Green
00336699CCFF
R
e
d
00#000033#003333#006633#009933#00cc33#00ff33
33#330033#333333#336633#339933#33cc33#33ff33
66#660033#663333#666633#669933#66cc33#66ff33
99#990033#993333#996633#999933#99cc33#99ff33
CC#cc0033#cc3333#cc6633#cc9933#cccc33#ccff33
FF#ff0033#ff3333#ff6633#ff9933#ffcc33#ffff33
Blue=66Green
00336699CCFF
R
e
d
00#000066#003366#006666#009966#00cc66#00ff66
33#330066#333366#336666#339966#33cc66#33ff66
66#660066#663366#666666#669966#66cc66#66ff66
99#990066#993366#996666#999966#99cc66#99ff66
CC#cc0066#cc3366#cc6666#cc9966#cccc66#ccff66
FF#ff0066#ff3366#ff6666#ff9966#ffcc66#ffff66
Blue=99Green
00336699CCFF
R
e
d
00#000099#003399#006699#009999#00cc99#00ff99
33#330099#333399#336699#339999#33cc99#33ff99
66#660099#663399#666699#669999#66cc99#66ff99
99#990099#993399#996699#999999#99cc99#99ff99
CC#cc0099#cc3399#cc6699#cc9999#cccc99#ccff99
FF#ff0099#ff3399#ff6699#ff9999#ffcc99#ffff99
Blue=CCGreen
00336699CCFF
R
e
d
00#0000cc#0033cc#0066cc#0099cc#00cccc#00ffcc
33#3300cc#3333cc#3366cc#3399cc#33cccc#33ffcc
66#6600cc#6633cc#6666cc#6699cc#66cccc#66ffcc
99#9900cc#9933cc#9966cc#9999cc#99cccc#99ffcc
CC#cc00cc#cc33cc#cc66cc#cc99cc#cccccc#ccffcc
FF#ff00cc#ff33cc#ff66cc#ff99cc#ffcccc#ffffcc
Blue=FFGreen
00336699CCFF
R
e
d
00#0000ff#0033ff#0066ff#0099ff#00ccff#00ffff
33#3300ff#3333ff#3366ff#3399ff#33ccff#33ffff
66#6600ff#6633ff#6666ff#6699ff#66ccff#66ffff
99#9900ff#9933ff#9966ff#9999ff#99ccff#99ffff
CC#cc00ff#cc33ff#cc66ff#cc99ff#ccccff#ccffff
FF#ff00ff#ff33ff#ff66ff#ff99ff#ffccff#ffffff


● Color Name

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


⇒ 「教材資料」に戻る