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

WEBカラー見本一覧（基本色、セーフカラー）

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

フルカラーの作成は、以下のページをご利用ください。

WEBカラー作成（グラデーションから選択）
広告

基本色：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
cman.jp内 関連ページ
WEBカラー作成
色変換(10⇔16,RGB,RGBA,HSL,HSLA,HSV.CMY,CMYK)＆CSS作成
背景色のグラデーション用CSS生成
blink 「ブリンク・点滅」 のCSS生成
縁取り文字・白抜き文字のCSS生成
文書をマウス等で選択時の色を指定するCSS生成
広告
QrCode
このページのURL
スマートフォン・タブレット運営:株式会社シーマン