Webページカラーチャート(色見本)

HTMLタグでは、色指定値(#英数半角6文字)か色名で色の指定をします
HTMLタグは大文字でも小文字でも半角なら可

標準の16色

#000000
black
#808080
gray
#c0c0c0
silver
#ffffff
white
#0000ff
blue
#000080
navy
#008080
teal
#008000
green
#00ffff
aqua
#00ff00
lime
#ffff00
yellow
#ff00ff
fuchsia magenta
#808000
olive
#800080
purple
#800000
maroon
#ff0000
red

Web Safe カラー
(WinやMacのように異なるOSでも同じように表示される色指定値)

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

色名による指定

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

Copyright © 2006 Sapphire All Rights Reserved