Web便利ノート
cman.jp cman.jp > Web便利ノート > WEBカラー > WEBカラー一覧

WEBカラー見本一覧(基本色、セーフカラー)

現在のほとんどのブラウザではフルカラー(16,777,216色)が使用可能となっていますが、古いブラウザやOSの違いによる色の相違が発生する可能性があります。セーフカラー(216色)は、ブラウザやOSで相違が発生しない色となっています。

広告

基本色:16色

HTML3.2で定義されている色で、HTML,STYLE,JAVASCRIPTでは、色の名前(whiteなど)で指定することが出来ます。

white
#ffffff
rgb(255,255,255)
olive
#808000
rgb(128,128,0)
yellow
#ffff00
rgb(255,255,0)
fuchsia
#ff00ff
rgb(255,0,255)
silver
#c0c0c0
rgb(192,192,192)
aqua
#00ffff
rgb(0,255,255)
lime
#00ff00
rgb(0,255,0)
red
#ff0000
rgb(255,0,0)
gray
#808080
rgb(128,128,128)
blue
#0000ff
rgb(0,0,255)
green
#008000
rgb(0,128,0)
purple
#800080
rgb(128,0,128)
black
#000000
rgb(0,0,0)
navy
#000080
rgb(0,0,128)
teal
#008080
rgb(0,128,128)
maroon
#800000
rgb(128,0,0)
ページTOP

拡張された基本色:147色

CSS3で定義されている色で、HTML,STYLE,JAVASCRIPTでは、色の名前(whiteなど)で指定することが出来ます。

 
white
#FFFFFF
rgb(255,255,255)
 
ivory
#FFFFF0
rgb(255,255,240)
 
lightyellow
#FFFFE0
rgb(255,255,224)
 
yellow
#FFFF00
rgb(255,255,0)
 
snow
#FFFAFA
rgb(255,250,250)
 
floralwhite
#FFFAF0
rgb(255,250,240)
 
lemonchiffon
#FFFACD
rgb(255,250,205)
 
cornsilk
#FFF8DC
rgb(255,248,220)
 
seashell
#FFF5EE
rgb(255,245,238)
 
lavenderblush
#FFF0F5
rgb(255,240,245)
 
papayawhip
#FFEFD5
rgb(255,239,213)
 
blanchedalmond
#FFEBCD
rgb(255,235,205)
 
mistyrose
#FFE4E1
rgb(255,228,225)
 
bisque
#FFE4C4
rgb(255,228,196)
 
moccasin
#FFE4B5
rgb(255,228,181)
 
navajowhite
#FFDEAD
rgb(255,222,173)
 
peachpuff
#FFDAB9
rgb(255,218,185)
 
gold
#FFD700
rgb(255,215,0)
 
pink
#FFC0CB
rgb(255,192,203)
 
lightpink
#FFB6C1
rgb(255,182,193)
 
orange
#FFA500
rgb(255,165,0)
 
lightsalmon
#FFA07A
rgb(255,160,122)
 
darkorange
#FF8C00
rgb(255,140,0)
 
coral
#FF7F50
rgb(255,127,80)
 
hotpink
#FF69B4
rgb(255,105,180)
 
tomato
#FF6347
rgb(255,99,71)
 
orangered
#FF4500
rgb(255,69,0)
 
deeppink
#FF1493
rgb(255,20,147)
 
fuchsia
#FF00FF
rgb(255,0,255)
 
magenta
#FF00FF
rgb(255,0,255)
 
red
#FF0000
rgb(255,0,0)
 
oldlace
#FDF5E6
rgb(253,245,230)
 
lightgoldenrodyellow
#FAFAD2
rgb(250,250,210)
 
linen
#FAF0E6
rgb(250,240,230)
 
antiquewhite
#FAEBD7
rgb(250,235,215)
 
salmon
#FA8072
rgb(250,128,114)
 
ghostwhite
#F8F8FF
rgb(248,248,255)
 
mintcream
#F5FFFA
rgb(245,255,250)
 
whitesmoke
#F5F5F5
rgb(245,245,245)
 
beige
#F5F5DC
rgb(245,245,220)
 
wheat
#F5DEB3
rgb(245,222,179)
 
sandybrown
#F4A460
rgb(244,164,96)
 
azure
#F0FFFF
rgb(240,255,255)
 
honeydew
#F0FFF0
rgb(240,255,240)
 
aliceblue
#F0F8FF
rgb(240,248,255)
 
khaki
#F0E68C
rgb(240,230,140)
 
lightcoral
#F08080
rgb(240,128,128)
 
palegoldenrod
#EEE8AA
rgb(238,232,170)
 
violet
#EE82EE
rgb(238,130,238)
 
darksalmon
#E9967A
rgb(233,150,122)
 
lavender
#E6E6FA
rgb(230,230,250)
 
lightcyan
#E0FFFF
rgb(224,255,255)
 
burlywood
#DEB887
rgb(222,184,135)
 
plum
#DDA0DD
rgb(221,160,221)
 
gainsboro
#DCDCDC
rgb(220,220,220)
 
crimson
#DC143C
rgb(220,20,60)
 
palevioletred
#DB7093
rgb(219,112,147)
 
goldenrod
#DAA520
rgb(218,165,32)
 
orchid
#DA70D6
rgb(218,112,214)
 
thistle
#D8BFD8
rgb(216,191,216)
 
lightgray
#D3D3D3
rgb(211,211,211)
 
lightgrey
#D3D3D3
rgb(211,211,211)
 
tan
#D2B48C
rgb(210,180,140)
 
chocolate
#D2691E
rgb(210,105,30)
 
peru
#CD853F
rgb(205,133,63)
 
indianred
#CD5C5C
rgb(205,92,92)
 
mediumvioletred
#C71585
rgb(199,21,133)
 
silver
#C0C0C0
rgb(192,192,192)
 
darkkhaki
#BDB76B
rgb(189,183,107)
 
rosybrown
#BC8F8F
rgb(188,143,143)
 
mediumorchid
#BA55D3
rgb(186,85,211)
 
darkgoldenrod
#B8860B
rgb(184,134,11)
 
firebrick
#B22222
rgb(178,34,34)
 
powderblue
#B0E0E6
rgb(176,224,230)
 
lightsteelblue
#B0C4DE
rgb(176,196,222)
 
paleturquoise
#AFEEEE
rgb(175,238,238)
 
greenyellow
#ADFF2F
rgb(173,255,47)
 
lightblue
#ADD8E6
rgb(173,216,230)
 
darkgray
#A9A9A9
rgb(169,169,169)
 
darkgrey
#A9A9A9
rgb(169,169,169)
 
brown
#A52A2A
rgb(165,42,42)
 
sienna
#A0522D
rgb(160,82,45)
 
yellowgreen
#9ACD32
rgb(154,205,50)
 
darkorchid
#9932CC
rgb(153,50,204)
 
palegreen
#98FB98
rgb(152,251,152)
 
darkviolet
#9400D3
rgb(148,0,211)
 
mediumpurple
#9370DB
rgb(147,112,219)
 
lightgreen
#90EE90
rgb(144,238,144)
 
darkseagreen
#8FBC8F
rgb(143,188,143)
 
saddlebrown
#8B4513
rgb(139,69,19)
 
darkmagenta
#8B008B
rgb(139,0,139)
 
darkred
#8B0000
rgb(139,0,0)
 
blueviolet
#8A2BE2
rgb(138,43,226)
 
lightskyblue
#87CEFA
rgb(135,206,250)
 
skyblue
#87CEEB
rgb(135,206,235)
 
gray
#808080
rgb(128,128,128)
 
grey
#808080
rgb(128,128,128)
 
olive
#808000
rgb(128,128,0)
 
purple
#800080
rgb(128,0,128)
 
maroon
#800000
rgb(128,0,0)
 
aquamarine
#7FFFD4
rgb(127,255,212)
 
chartreuse
#7FFF00
rgb(127,255,0)
 
lawngreen
#7CFC00
rgb(124,252,0)
 
mediumslateblue
#7B68EE
rgb(123,104,238)
 
lightslategray
#778899
rgb(119,136,153)
 
lightslategrey
#778899
rgb(119,136,153)
 
slategray
#708090
rgb(112,128,144)
 
slategrey
#708090
rgb(112,128,144)
 
olivedrab
#6B8E23
rgb(107,142,35)
 
slateblue
#6A5ACD
rgb(106,90,205)
 
dimgray
#696969
rgb(105,105,105)
 
dimgrey
#696969
rgb(105,105,105)
 
mediumaquamarine
#66CDAA
rgb(102,205,170)
 
cornflowerblue
#6495ED
rgb(100,149,237)
 
cadetblue
#5F9EA0
rgb(95,158,160)
 
darkolivegreen
#556B2F
rgb(85,107,47)
 
indigo
#4B0082
rgb(75,0,130)
 
mediumturquoise
#48D1CC
rgb(72,209,204)
 
darkslateblue
#483D8B
rgb(72,61,139)
 
steelblue
#4682B4
rgb(70,130,180)
 
royalblue
#4169E1
rgb(65,105,225)
 
turquoise
#40E0D0
rgb(64,224,208)
 
mediumseagreen
#3CB371
rgb(60,179,113)
 
limegreen
#32CD32
rgb(50,205,50)
 
darkslategray
#2F4F4F
rgb(47,79,79)
 
darkslategrey
#2F4F4F
rgb(47,79,79)
 
seagreen
#2E8B57
rgb(46,139,87)
 
forestgreen
#228B22
rgb(34,139,34)
 
lightseagreen
#20B2AA
rgb(32,178,170)
 
dodgerblue
#1E90FF
rgb(30,144,255)
 
midnightblue
#191970
rgb(25,25,112)
 
aqua
#00FFFF
rgb(0,255,255)
 
cyan
#00FFFF
rgb(0,255,255)
 
springgreen
#00FF7F
rgb(0,255,127)
 
lime
#00FF00
rgb(0,255,0)
 
mediumspringgreen
#00FA9A
rgb(0,250,154)
 
darkturquoise
#00CED1
rgb(0,206,209)
 
deepskyblue
#00BFFF
rgb(0,191,255)
 
darkcyan
#008B8B
rgb(0,139,139)
 
teal
#008080
rgb(0,128,128)
 
green
#008000
rgb(0,128,0)
 
darkgreen
#006400
rgb(0,100,0)
 
blue
#0000FF
rgb(0,0,255)
 
mediumblue
#0000CD
rgb(0,0,205)
 
darkblue
#00008B
rgb(0,0,139)
 
navy
#000080
rgb(0,0,128)
 
black
#000000
rgb(0,0,0)
ページTOP

セーフカラー:216色

WEBの基準色はほぼすべての環境で利用可能な色です。ただし、現在はほぼ全てのOSやブラウザではフルカラーが利用できるため、セーフカラーを利用しなくても問題になる可能性はほぼありません。全環境で同じ色で表示する必要がある場合は、セーフカラーを利用した方が色の互換性が保てます。

 
#FFFFFF
rgb(255,255,255)
 
#FFFFCC
rgb(255,255,204)
 
#FFFF99
rgb(255,255,153)
 
#FFFF66
rgb(255,255,102)
 
#FFFF33
rgb(255,255,51)
 
#FFFF00
rgb(255,255,0)
 
#FFCCFF
rgb(255,204,255)
 
#FFCCCC
rgb(255,204,204)
 
#FFCC99
rgb(255,204,153)
 
#FFCC66
rgb(255,204,102)
 
#FFCC33
rgb(255,204,51)
 
#FFCC00
rgb(255,204,0)
 
#FF99FF
rgb(255,153,255)
 
#FF99CC
rgb(255,153,204)
 
#FF9999
rgb(255,153,153)
 
#FF9966
rgb(255,153,102)
 
#FF9933
rgb(255,153,51)
 
#FF9900
rgb(255,153,0)
 
#FF66FF
rgb(255,102,255)
 
#FF66CC
rgb(255,102,204)
 
#FF6699
rgb(255,102,153)
 
#FF6666
rgb(255,102,102)
 
#FF6633
rgb(255,102,51)
 
#FF6600
rgb(255,102,0)
 
#FF33FF
rgb(255,51,255)
 
#FF33CC
rgb(255,51,204)
 
#FF3399
rgb(255,51,153)
 
#FF3366
rgb(255,51,102)
 
#FF3333
rgb(255,51,51)
 
#FF3300
rgb(255,51,0)
 
#FF00FF
rgb(255,0,255)
 
#FF00CC
rgb(255,0,204)
 
#FF0099
rgb(255,0,153)
 
#FF0066
rgb(255,0,102)
 
#FF0033
rgb(255,0,51)
 
#FF0000
rgb(255,0,0)
 
#CCFFFF
rgb(204,255,255)
 
#CCFFCC
rgb(204,255,204)
 
#CCFF99
rgb(204,255,153)
 
#CCFF66
rgb(204,255,102)
 
#CCFF33
rgb(204,255,51)
 
#CCFF00
rgb(204,255,0)
 
#CCCCFF
rgb(204,204,255)
 
#CCCCCC
rgb(204,204,204)
 
#CCCC99
rgb(204,204,153)
 
#CCCC66
rgb(204,204,102)
 
#CCCC33
rgb(204,204,51)
 
#CCCC00
rgb(204,204,0)
 
#CC99FF
rgb(204,153,255)
 
#CC99CC
rgb(204,153,204)
 
#CC9999
rgb(204,153,153)
 
#CC9966
rgb(204,153,102)
 
#CC9933
rgb(204,153,51)
 
#CC9900
rgb(204,153,0)
 
#CC66FF
rgb(204,102,255)
 
#CC66CC
rgb(204,102,204)
 
#CC6699
rgb(204,102,153)
 
#CC6666
rgb(204,102,102)
 
#CC6633
rgb(204,102,51)
 
#CC6600
rgb(204,102,0)
 
#CC33FF
rgb(204,51,255)
 
#CC33CC
rgb(204,51,204)
 
#CC3399
rgb(204,51,153)
 
#CC3366
rgb(204,51,102)
 
#CC3333
rgb(204,51,51)
 
#CC3300
rgb(204,51,0)
 
#CC00FF
rgb(204,0,255)
 
#CC00CC
rgb(204,0,204)
 
#CC0099
rgb(204,0,153)
 
#CC0066
rgb(204,0,102)
 
#CC0033
rgb(204,0,51)
 
#CC0000
rgb(204,0,0)
 
#99FFFF
rgb(153,255,255)
 
#99FFCC
rgb(153,255,204)
 
#99FF99
rgb(153,255,153)
 
#99FF66
rgb(153,255,102)
 
#99FF33
rgb(153,255,51)
 
#99FF00
rgb(153,255,0)
 
#99CCFF
rgb(153,204,255)
 
#99CCCC
rgb(153,204,204)
 
#99CC99
rgb(153,204,153)
 
#99CC66
rgb(153,204,102)
 
#99CC33
rgb(153,204,51)
 
#99CC00
rgb(153,204,0)
 
#9999FF
rgb(153,153,255)
 
#9999CC
rgb(153,153,204)
 
#999999
rgb(153,153,153)
 
#999966
rgb(153,153,102)
 
#999933
rgb(153,153,51)
 
#999900
rgb(153,153,0)
 
#9966FF
rgb(153,102,255)
 
#9966CC
rgb(153,102,204)
 
#996699
rgb(153,102,153)
 
#996666
rgb(153,102,102)
 
#996633
rgb(153,102,51)
 
#996600
rgb(153,102,0)
 
#9933FF
rgb(153,51,255)
 
#9933CC
rgb(153,51,204)
 
#993399
rgb(153,51,153)
 
#993366
rgb(153,51,102)
 
#993333
rgb(153,51,51)
 
#993300
rgb(153,51,0)
 
#9900FF
rgb(153,0,255)
 
#9900CC
rgb(153,0,204)
 
#990099
rgb(153,0,153)
 
#990066
rgb(153,0,102)
 
#990033
rgb(153,0,51)
 
#990000
rgb(153,0,0)
 
#66FFFF
rgb(102,255,255)
 
#66FFCC
rgb(102,255,204)
 
#66FF99
rgb(102,255,153)
 
#66FF66
rgb(102,255,102)
 
#66FF33
rgb(102,255,51)
 
#66FF00
rgb(102,255,0)
 
#66CCFF
rgb(102,204,255)
 
#66CCCC
rgb(102,204,204)
 
#66CC99
rgb(102,204,153)
 
#66CC66
rgb(102,204,102)
 
#66CC33
rgb(102,204,51)
 
#66CC00
rgb(102,204,0)
 
#6699FF
rgb(102,153,255)
 
#6699CC
rgb(102,153,204)
 
#669999
rgb(102,153,153)
 
#669966
rgb(102,153,102)
 
#669933
rgb(102,153,51)
 
#669900
rgb(102,153,0)
 
#6666FF
rgb(102,102,255)
 
#6666CC
rgb(102,102,204)
 
#666699
rgb(102,102,153)
 
#666666
rgb(102,102,102)
 
#666633
rgb(102,102,51)
 
#666600
rgb(102,102,0)
 
#6633FF
rgb(102,51,255)
 
#6633CC
rgb(102,51,204)
 
#663399
rgb(102,51,153)
 
#663366
rgb(102,51,102)
 
#663333
rgb(102,51,51)
 
#663300
rgb(102,51,0)
 
#6600FF
rgb(102,0,255)
 
#6600CC
rgb(102,0,204)
 
#660099
rgb(102,0,153)
 
#660066
rgb(102,0,102)
 
#660033
rgb(102,0,51)
 
#660000
rgb(102,0,0)
 
#33FFFF
rgb(51,255,255)
 
#33FFCC
rgb(51,255,204)
 
#33FF99
rgb(51,255,153)
 
#33FF66
rgb(51,255,102)
 
#33FF33
rgb(51,255,51)
 
#33FF00
rgb(51,255,0)
 
#33CCFF
rgb(51,204,255)
 
#33CCCC
rgb(51,204,204)
 
#33CC99
rgb(51,204,153)
 
#33CC66
rgb(51,204,102)
 
#33CC33
rgb(51,204,51)
 
#33CC00
rgb(51,204,0)
 
#3399FF
rgb(51,153,255)
 
#3399CC
rgb(51,153,204)
 
#339999
rgb(51,153,153)
 
#339966
rgb(51,153,102)
 
#339933
rgb(51,153,51)
 
#339900
rgb(51,153,0)
 
#3366FF
rgb(51,102,255)
 
#3366CC
rgb(51,102,204)
 
#336699
rgb(51,102,153)
 
#336666
rgb(51,102,102)
 
#336633
rgb(51,102,51)
 
#336600
rgb(51,102,0)
 
#3333FF
rgb(51,51,255)
 
#3333CC
rgb(51,51,204)
 
#333399
rgb(51,51,153)
 
#333366
rgb(51,51,102)
 
#333333
rgb(51,51,51)
 
#333300
rgb(51,51,0)
 
#3300FF
rgb(51,0,255)
 
#3300CC
rgb(51,0,204)
 
#330099
rgb(51,0,153)
 
#330066
rgb(51,0,102)
 
#330033
rgb(51,0,51)
 
#330000
rgb(51,0,0)
 
#00FFFF
rgb(0,255,255)
 
#00FFCC
rgb(0,255,204)
 
#00FF99
rgb(0,255,153)
 
#00FF66
rgb(0,255,102)
 
#00FF33
rgb(0,255,51)
 
#00FF00
rgb(0,255,0)
 
#00CCFF
rgb(0,204,255)
 
#00CCCC
rgb(0,204,204)
 
#00CC99
rgb(0,204,153)
 
#00CC66
rgb(0,204,102)
 
#00CC33
rgb(0,204,51)
 
#00CC00
rgb(0,204,0)
 
#0099FF
rgb(0,153,255)
 
#0099CC
rgb(0,153,204)
 
#009999
rgb(0,153,153)
 
#009966
rgb(0,153,102)
 
#009933
rgb(0,153,51)
 
#009900
rgb(0,153,0)
 
#0066FF
rgb(0,102,255)
 
#0066CC
rgb(0,102,204)
 
#006699
rgb(0,102,153)
 
#006666
rgb(0,102,102)
 
#006633
rgb(0,102,51)
 
#006600
rgb(0,102,0)
 
#0033FF
rgb(0,51,255)
 
#0033CC
rgb(0,51,204)
 
#003399
rgb(0,51,153)
 
#003366
rgb(0,51,102)
 
#003333
rgb(0,51,51)
 
#003300
rgb(0,51,0)
 
#0000FF
rgb(0,0,255)
 
#0000CC
rgb(0,0,204)
 
#000099
rgb(0,0,153)
 
#000066
rgb(0,0,102)
 
#000033
rgb(0,0,51)
 
#000000
rgb(0,0,0)
ページTOP

色の指定方法

色は以下のように指定を行います。(代表的な赤色指定の例)

style(CSS)背景色:style="background-color: #ff0000"
文字色:style="color: #ff0000"
JavaScript背景色:object.style.backgroundColor = "#ff0000"
文字色:object.style.color: "#ff0000"
VBA背景色:Range("A1").Interior.Color = RGB(255,0,0)
文字色:Range("A1").Font.Color = RGB(255,0,0)

赤色は基本色のため、"#ff0000"の箇所を"red"で指定することも可能です。
また、大文字と小文字は区別されません。

ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営:株式会社シーマン