HTMLのウェブカラーの確認

ウェブカラー(216色)/Media Queries

ウェブカラー(216色)

ホームページの作成などで色を指定したり、確認することが多いと思います。
色指定には
・16進数形式(16進トリプレット)で表示する。
(ハッシュ記号 (#)を付加しRGBで指定)
・色名称をつかって指定する。
・カラーツールやグラフィックソフトウェアで色の生成する。
などがあります。

ここでは16進数形式(RGB値)で指定と色名称をつかって指定する方法を解説しています

HTMLの<font color="..."> とかスタイルシートの color で色を指定することができます。
(例)
RGB値の場合・・・color="#FF0000" などと指定します。
色の名前の場合・・・color="red" などと指定します。

RGB値は #0000FF のように、光の三原色である赤(R)緑(G)青(B)の配分を00~FFまでの16進数で指定します。

RGB値の場合/Webセーフカラー(216色)
色の名前の場合/147色

RGB値の場合/Webセーフカラー(216色)

RGB値の値とカラーサンプルは以下の通りです。

#000000
#003300
#006600
#000033
#003333
#006633
#000066
#003366
#006666
#000099
#003399
#006699
#0000cc
#0033cc
#0066cc
#0000ff
#0033ff
#0066ff
#330000
#333300
#336600
#330033
#333333
#336633
#330066
#333366
#336666
#330099
#333399
#336699
#3300cc
#3333cc
#3366cc
#3300ff
#3333ff
#3366ff
#660000
#663300
#666600
#660033
#663333
#666633
#660066
#663366
#666666
#660099
#663399
#666699
#6600cc
#6633cc
#6666cc
#6600ff
#6633ff
#6666ff

#009900
#00cc00
#00ff00
#009933
#00cc33
#00ff33
#009966
#00cc66
#00ff66
#009999
#00cc99
#00ff99
#0099cc
#00cccc
#00ffcc
#0099ff
#00ccff
#00ffff
#339900
#33cc00
#33ff00
#339933
#33cc33
#33ff33
#339966
#33cc66
#33ff66
#339999
#33cc99
#33ff99
#3399cc
#33cccc
#33ffcc
#3399ff
#33ccff
#33ffff
#669900
#66cc00
#66ff00
#669933
#66cc33
#66ff33
#669966
#66cc66
#66ff66
#669999
#66cc99
#66ff99
#6699cc
#66cccc
#66ffcc
#6699ff
#66ccff
#66ffff

#990000
#993300
#996600
#990033
#993333
#996633
#990066
#993366
#996666
#990099
#993399
#996699
#9900cc
#9933cc
#9966cc
#9900ff
#9933ff
#9966ff
#cc0000
#cc3300
#cc6600
#cc0033
#cc3333
#cc6633
#cc0066
#cc3366
#cc6666
#cc0099
#cc3399
#cc6699
#cc00cc
#cc33cc
#cc66cc
#cc00ff
#cc33ff
#cc66ff
#ff0000
#ff3300
#ff6600
#ff0033
#ff3333
#ff6633
#ff0066
#ff3366
#ff6666
#ff0099
#ff3399
#ff6699
#ff00cc
#ff33cc
#ff66cc
#ff00ff
#ff33ff
#ff66ff

#999900
#99cc00
#99ff00
#999933
#99cc33
#99ff33
#999966
#99cc66
#99ff66
#999999
#99cc99
#99ff99
#9999cc
#99cccc
#99ffcc
#9999ff
#99ccff
#99ffff
#cc9900
#cccc00
#ccff00
#cc9933
#cccc33
#ccff33
#cc9966
#cccc66
#ccff66
#cc9999
#cccc99
#ccff99
#cc99cc
#cccccc
#ccffcc
#cc99ff
#ccccff
#ccffff
#ff9900
#ffcc00
#ffff00
#ff9933
#ffcc33
#ffff33
#ff9966
#ffcc66
#ffff66
#ff9999
#ffcc99
#ffff99
#ff99cc
#ffcccc
#ffffcc
#ff99ff
#ffccff
#ffffff

 

   最後までお読みいただきありがとうございました。

Amazon Shop 送料無料(一部除)