ウェブサイトの標準カラー16色とウェブセーフカラー216色

web .html-color{ float:left; border:solid 1px silver; }

標準カラー16色

black
#000000
RGB(0,0,0)

navy
#000080
RGB(0,0,128)

blue
#0000FF
RGB(0,0,255)

green
#008000
RGB(0,128,0)

teal
#008080
RGB(0,128,128)
lime
#00FF00
RGB(0,255,0)
aqua
#00FFFF
RGB(0,255,255)
maroon
#800000
RGB(128,0,0)
purple
#800080
RGB(128,0,128)
olive
#808000
RGB(128,128,0)
gray
#808080
RGB(128,128,128)
silver
#C0C0C0
RGB(192,192,192)
red
#FF0000
RGB(255,0,0)
fuchsia
#FF00FF
RGB(255,0,255)
yellow
#FFFF00
RGB(255,255,0)
white
#FFFFFF
RGB(255,255,255)

Webセーフカラー216色

#000000
RGB(0,0,0)

#000033
RGB(0,0,51)

#000066
RGB(0,0,102)

#000099
RGB(0,0,153)

#0000cc
RGB(0,0,204)

#0000ff
RGB(0,0,255)

#003300
RGB(0,51,0)

#003333
RGB(0,51,51)

#003366
RGB(0,51,102)

#003399
RGB(0,51,153)

#0033cc
RGB(0,51,204)

#0033ff
RGB(0,51,255)

#006600
RGB(0,102,0)

#006633
RGB(0,102,51)

#006666
RGB(0,102,102)

#006699
RGB(0,102,153)

#0066cc
RGB(0,102,204)

#0066ff
RGB(0,102,255)

#009900
RGB(0,153,0)
#009933
RGB(0,153,51)
#009966
RGB(0,153,102)
#009999
RGB(0,153,153)
#0099cc
RGB(0,153,204)
#0099ff
RGB(0,153,255)
#00cc00
RGB(0,204,0)
#00cc33
RGB(0,204,51)
#00cc66
RGB(0,204,102)
#00cc99
RGB(0,204,153)
#00cccc
RGB(0,204,204)
#00ccff
RGB(0,204,255)
#00ff00
RGB(0,255,0)
#00ff33
RGB(0,255,51)
#00ff66
RGB(0,255,102)
#00ff99
RGB(0,255,153)
#00ffcc
RGB(0,255,204)
#00ffff
RGB(0,255,255)

#330000
RGB(51,0,0)

#330033
RGB(51,0,51)

#330066
RGB(51,0,102)

#330099
RGB(51,0,153)

#3300cc
RGB(51,0,204)

#3300ff
RGB(51,0,255)

#333300
RGB(51,51,0)

#333333
RGB(51,51,51)

#333366
RGB(51,51,102)

#333399
RGB(51,51,153)

#3333cc
RGB(51,51,204)

#3333ff
RGB(51,51,255)

#336600
RGB(51,102,0)

#336633
RGB(51,102,51)

#336666
RGB(51,102,102)

#336699
RGB(51,102,153)

#3366cc
RGB(51,102,204)

#3366ff
RGB(51,102,255)

#339900
RGB(51,153,0)
#339933
RGB(51,153,51)
#339966
RGB(51,153,102)
#339999
RGB(51,153,153)
#3399cc
RGB(51,153,204)
#3399ff
RGB(51,153,255)
#33cc00
RGB(51,204,0)
#33cc33
RGB(51,204,51)
#33cc66
RGB(51,204,102)
#33cc99
RGB(51,204,153)
#33cccc
RGB(51,204,204)
#33ccff
RGB(51,204,255)
#33ff00
RGB(51,255,0)
#33ff33
RGB(51,255,51)
#33ff66
RGB(51,255,102)
#33ff99
RGB(51,255,153)
#33ffcc
RGB(51,255,204)
#33ffff
RGB(51,255,255)

#660000
RGB(102,0,0)

#660033
RGB(102,0,51)

#660066
RGB(102,0,102)

#660099
RGB(102,0,153)

#6600cc
RGB(102,0,204)

#6600ff
RGB(102,0,255)

#663300
RGB(102,51,0)

#663333
RGB(102,51,51)

#663366
RGB(102,51,102)

#663399
RGB(102,51,153)

#6633cc
RGB(102,51,204)

#6633ff
RGB(102,51,255)

#666600
RGB(102,102,0)

#666633
RGB(102,102,51)

#666666
RGB(102,102,102)

#666699
RGB(102,102,153)

#6666cc
RGB(102,102,204)

#6666ff
RGB(102,102,255)

#669900
RGB(102,153,0)
#669933
RGB(102,153,51)
#669966
RGB(102,153,102)
#669999
RGB(102,153,153)
#6699cc
RGB(102,153,204)
#6699ff
RGB(102,153,255)
#66cc00
RGB(102,204,0)
#66cc33
RGB(102,204,51)
#66cc66
RGB(102,204,102)
#66cc99
RGB(102,204,153)
#66cccc
RGB(102,204,204)
#66ccff
RGB(102,204,255)
#66ff00
RGB(102,255,00)
#66ff33
RGB(102,255,51)
#66ff66
RGB(102,255,102)
#66ff99
RGB(102,255,153)
#66ffcc
RGB(102,255,204)
#66ffff
RGB(102,255,255)

#990000
RGB(153,0,0)

#990033
RGB(153,0,51)

#990066
RGB(153,0,102)

#990099
RGB(153,0,153)

#9900cc
RGB(153,0,204)

#9900ff
RGB(153,0,255)

#993300
RGB(153,51,0)

#993333
RGB(153,51,51)

#993366
RGB(153,51,102)

#993399
RGB(153,51,153)

#9933cc
RGB(153,51,204)

#9933ff
RGB(153,51,255)

#996600
RGB(153,102,0)

#996633
RGB(153,102,51)

#996666
RGB(153,102,102)

#996699
RGB(153,102,153)

#9966cc
RGB(153,102,204)

#9966ff
RGB(153,102,255)

#999900
RGB(153,153,0)
#999933
RGB(153,153,51)
#999966
RGB(153,153,102)
#999999
RGB(153,153,153)
#9999cc
RGB(153,153,204)
#9999ff
RGB(153,153,255)
#99cc00
RGB(153,204,0)
#99cc33
RGB(153,204,51)
#99cc66
RGB(153,204,102)
#99cc99
RGB(153,204,153)
#99cccc
RGB(153,204,204)
#99ccff
RGB(153,204,255)
#99ff00
RGB(153,255,0)
#99ff33
RGB(153,255,51)
#99ff66
RGB(153,255,102)
#99ff99
RGB(153,255,153)
#99ffcc
RGB(153,255,204)
#99ffff
RGB(153,255,255)

#cc0000
RGB(204,0,0)

#cc0033
RGB(204,0,51)

#cc0066
RGB(204,0,102)

#cc0099
RGB(204,0,153)

#cc00cc
RGB(204,0,204)

#cc00ff
RGB(204,0,255)

#cc3300
RGB(204,51,0)

#cc3333
RGB(204,51,51)

#cc3366
RGB(204,51,102)

#cc3399
RGB(204,51,153)

#cc33cc
RGB(204,51,204)

#cc33ff
RGB(204,51,255)

#cc6600
RGB(204,102,0)

#cc6633
RGB(204,102,51)

#cc6666
RGB(204,102,102)

#cc6699
RGB(204,102,153)

#cc66cc
RGB(204,102,204)

#cc66ff
RGB(204,102,255)

#cc9900
RGB(204,153,0)
#cc9933
RGB(204,153,51)
#cc9966
RGB(204,153,102)
#cc9999
RGB(204,153,153)
#cc99cc
RGB(204,153,204)
#cc99ff
RGB(204,153,255)
#cccc00
RGB(204,204,0)
#cccc33
RGB(204,204,51)
#cccc66
RGB(204,204,102)
#cccc99
RGB(204,204,153)
#cccccc
RGB(204,204,204)
#ccccff
RGB(204,204,255)
#ccff00
RGB(204,255,0)
#ccff33
RGB(204,255,51)
#ccff66
RGB(204,255,102)
#ccff99
RGB(204,255,153)
#ccffcc
RGB(204,255,204)
#ccffff
RGB(204,255,255)

#ff0000
RGB(255,0,0)

#ff0033
RGB(255,0,51)

#ff0066
RGB(255,0,102)

#ff0099
RGB(255,0,153)

#ff00cc
RGB(255,0,204)

#ff00ff
RGB(255,0,255)

#ff3300
RGB(255,51,0)

#ff3333
RGB(255,51,51)

#ff3366
RGB(255,51,102)

#ff3399
RGB(255,51,153)

#ff33cc
RGB(255,51,204)

#ff33ff
RGB(255,51,255)

#ff6600
RGB(255,102,0)

#ff6633
RGB(255,102,51)

#ff6666
RGB(255,102,102)

#ff6699
RGB(255,102,153)

#ff66cc
RGB(255,102,204)

#ff66ff
RGB(255,102,255)

#ff9900
RGB(255,153,0)
#ff9933
RGB(255,153,51)
#ff9966
RGB(255,153,102)
#ff9999
RGB(255,153,153)
#ff99cc
RGB(255,153,204)
#ff99ff
RGB(255,153,255)
#ffcc00
RGB(255,204,0)
#ffcc33
RGB(255,204,51)
#ffcc66
RGB(255,204,102)
#ffcc99
RGB(255,204,153)
#ffcccc
RGB(255,204,204)
#ffccff
RGB(255,204,255)
#ffff00
RGB(255,255,0)
#ffff33
RGB(255,255,51)
#ffff66
RGB(255,255,102)
#ffff99
RGB(255,255,153)
#ffffcc
RGB(255,255,204)
#ffffff
RGB(255,255,255)
eyecatch

ウェブサイトの長さの単位一覧

eyecatch

ウェブサイトに使われる一般的な文字フォント一覧

ウェブサイトの記事

eyecatch

アイキャッチは小サイズ画像を別に用意した方が親切

eyecatch

当たり前に設置されるページャー、実は不要なケースも多い

eyecatch

ウェブブラウザの基礎知識

eyecatch

デバイスごとの解像度差をdevicePixelRatioで調整する方法

eyecatch

PCサイトとスマホサイトの違い

eyecatch

長さ単位の基本

ウェブサイトの記事一覧HOME