HTML色見本-HTMLTips

TOP > HTML  > HTML色見本

HTML色見本

HTMLやCSSで使用できるカラーネームやカラーコードの一覧表です。
HTMLの場合は<font color="tomato">カラーネーム</font><font color="#ff6347">カラーコード</font> のようにタグに記述します。CSSの場合は<span style="color:#ff6347">カラーコード</span>のように指定します。 また256色しか表現できない環境ではWebセーフカラー216色を用います。
配色組み合わせツールもご利用下さい。

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