色の指定
CSS で color
属性を指定すると、文字や枠線の色が変更できる。色は、固有のカラー・ネームか、RGB(#RRGGBB)で指定する。
p { color: black; }
p { color: #000000; }
カラー・ネームはブラウザ毎にサポートが異なるので、RGB値で指定する方が確実である。
Color Checker
#RRGGBB で入力: #
216 Web Safe Colors
Web セーフ・カラー (web safe colors) は、Windows と Macintosh のシステム・パレットで共通している 216色のこと。両 OS で全く同じ色を再現することができる。下のリストは、216 色の RGB 値。
- #000000 #000000 #000000 #000000
- #000033 #000033 #000033 #000033
- #000066 #000066 #000066 #000066
- #000099 #000099 #000099 #000099
- #0000cc #0000cc #0000cc #0000cc
- #0000ff #0000ff #0000ff #0000ff
- #003300 #003300 #003300 #003300
- #003333 #003333 #003333 #003333
- #003366 #003366 #003366 #003366
- #003399 #003399 #003399 #003399
- #0033cc #0033cc #0033cc #0033cc
- #0033ff #0033ff #0033ff #0033ff
- #006600 #006600 #006600 #006600
- #006633 #006633 #006633 #006633
- #006666 #006666 #006666 #006666
- #006699 #006699 #006699 #006699
- #0066cc #0066cc #0066cc #0066cc
- #0066ff #0066ff #0066ff #0066ff
- #009900 #009900 #009900 #009900
- #009933 #009933 #009933 #009933
- #009966 #009966 #009966 #009966
- #009999 #009999 #009999 #009999
- #0099cc #0099cc #0099cc #0099cc
- #0099ff #0099ff #0099ff #0099ff
- #00cc00 #00cc00 #00cc00 #00cc00
- #00cc33 #00cc33 #00cc33 #00cc33
- #00cc66 #00cc66 #00cc66 #00cc66
- #00cc99 #00cc99 #00cc99 #00cc99
- #00cccc #00cccc #00cccc #00cccc
- #00ccff #00ccff #00ccff #00ccff
- #00ff00 #00ff00 #00ff00 #00ff00
- #00ff33 #00ff33 #00ff33 #00ff33
- #00ff66 #00ff66 #00ff66 #00ff66
- #00ff99 #00ff99 #00ff99 #00ff99
- #00ffcc #00ffcc #00ffcc #00ffcc
- #00ffff #00ffff #00ffff #00ffff
- #330000 #330000 #330000 #330000
- #330033 #330033 #330033 #330033
- #330066 #330066 #330066 #330066
- #330099 #330099 #330099 #330099
- #3300cc #3300cc #3300cc #3300cc
- #3300ff #3300ff #3300ff #3300ff
- #333300 #333300 #333300 #333300
- #333333 #333333 #333333 #333333
- #333366 #333366 #333366 #333366
- #333399 #333399 #333399 #333399
- #3333cc #3333cc #3333cc #3333cc
- #3333ff #3333ff #3333ff #3333ff
- #336600 #336600 #336600 #336600
- #336633 #336633 #336633 #336633
- #336666 #336666 #336666 #336666
- #336699 #336699 #336699 #336699
- #3366cc #3366cc #3366cc #3366cc
- #3366ff #3366ff #3366ff #3366ff
- #339900 #339900 #339900 #339900
- #339933 #339933 #339933 #339933
- #339966 #339966 #339966 #339966
- #339999 #339999 #339999 #339999
- #3399cc #3399cc #3399cc #3399cc
- #3399ff #3399ff #3399ff #3399ff
- #33cc00 #33cc00 #33cc00 #33cc00
- #33cc33 #33cc33 #33cc33 #33cc33
- #33cc66 #33cc66 #33cc66 #33cc66
- #33cc99 #33cc99 #33cc99 #33cc99
- #33cccc #33cccc #33cccc #33cccc
- #33ccff #33ccff #33ccff #33ccff
- #33ff00 #33ff00 #33ff00 #33ff00
- #33ff33 #33ff33 #33ff33 #33ff33
- #33ff66 #33ff66 #33ff66 #33ff66
- #33ff99 #33ff99 #33ff99 #33ff99
- #33ffcc #33ffcc #33ffcc #33ffcc
- #33ffff #33ffff #33ffff #33ffff
- #660000 #660000 #660000 #660000
- #660033 #660033 #660033 #660033
- #660066 #660066 #660066 #660066
- #660099 #660099 #660099 #660099
- #6600cc #6600cc #6600cc #6600cc
- #6600ff #6600ff #6600ff #6600ff
- #663300 #663300 #663300 #663300
- #663333 #663333 #663333 #663333
- #663366 #663366 #663366 #663366
- #663399 #663399 #663399 #663399
- #6633cc #6633cc #6633cc #6633cc
- #6633ff #6633ff #6633ff #6633ff
- #666600 #666600 #666600 #666600
- #666633 #666633 #666633 #666633
- #666666 #666666 #666666 #666666
- #666699 #666699 #666699 #666699
- #6666cc #6666cc #6666cc #6666cc
- #6666ff #6666ff #6666ff #6666ff
- #669900 #669900 #669900 #669900
- #669933 #669933 #669933 #669933
- #669966 #669966 #669966 #669966
- #669999 #669999 #669999 #669999
- #6699cc #6699cc #6699cc #6699cc
- #6699ff #6699ff #6699ff #6699ff
- #66cc00 #66cc00 #66cc00 #66cc00
- #66cc33 #66cc33 #66cc33 #66cc33
- #66cc66 #66cc66 #66cc66 #66cc66
- #66cc99 #66cc99 #66cc99 #66cc99
- #66cccc #66cccc #66cccc #66cccc
- #66ccff #66ccff #66ccff #66ccff
- #66ff00 #66ff00 #66ff00 #66ff00
- #66ff33 #66ff33 #66ff33 #66ff33
- #66ff66 #66ff66 #66ff66 #66ff66
- #66ff99 #66ff99 #66ff99 #66ff99
- #66ffcc #66ffcc #66ffcc #66ffcc
- #66ffff #66ffff #66ffff #66ffff
- #990000 #990000 #990000 #990000
- #990033 #990033 #990033 #990033
- #990066 #990066 #990066 #990066
- #990099 #990099 #990099 #990099
- #9900cc #9900cc #9900cc #9900cc
- #9900ff #9900ff #9900ff #9900ff
- #993300 #993300 #993300 #993300
- #993333 #993333 #993333 #993333
- #993366 #993366 #993366 #993366
- #993399 #993399 #993399 #993399
- #9933cc #9933cc #9933cc #9933cc
- #9933ff #9933ff #9933ff #9933ff
- #996600 #996600 #996600 #996600
- #996633 #996633 #996633 #996633
- #996666 #996666 #996666 #996666
- #996699 #996699 #996699 #996699
- #9966cc #9966cc #9966cc #9966cc
- #9966ff #9966ff #9966ff #9966ff
- #999900 #999900 #999900 #999900
- #999933 #999933 #999933 #999933
- #999966 #999966 #999966 #999966
- #999999 #999999 #999999 #999999
- #9999cc #9999cc #9999cc #9999cc
- #9999ff #9999ff #9999ff #9999ff
- #99cc00 #99cc00 #99cc00 #99cc00
- #99cc33 #99cc33 #99cc33 #99cc33
- #99cc66 #99cc66 #99cc66 #99cc66
- #99cc99 #99cc99 #99cc99 #99cc99
- #99cccc #99cccc #99cccc #99cccc
- #99ccff #99ccff #99ccff #99ccff
- #99ff00 #99ff00 #99ff00 #99ff00
- #99ff33 #99ff33 #99ff33 #99ff33
- #99ff66 #99ff66 #99ff66 #99ff66
- #99ff99 #99ff99 #99ff99 #99ff99
- #99ffcc #99ffcc #99ffcc #99ffcc
- #99ffff #99ffff #99ffff #99ffff
- #cc0000 #cc0000 #cc0000 #cc0000
- #cc0033 #cc0033 #cc0033 #cc0033
- #cc0066 #cc0066 #cc0066 #cc0066
- #cc0099 #cc0099 #cc0099 #cc0099
- #cc00cc #cc00cc #cc00cc #cc00cc
- #cc00ff #cc00ff #cc00ff #cc00ff
- #cc3300 #cc3300 #cc3300 #cc3300
- #cc3333 #cc3333 #cc3333 #cc3333
- #cc3366 #cc3366 #cc3366 #cc3366
- #cc3399 #cc3399 #cc3399 #cc3399
- #cc33cc #cc33cc #cc33cc #cc33cc
- #cc33ff #cc33ff #cc33ff #cc33ff
- #cc6600 #cc6600 #cc6600 #cc6600
- #cc6633 #cc6633 #cc6633 #cc6633
- #cc6666 #cc6666 #cc6666 #cc6666
- #cc6699 #cc6699 #cc6699 #cc6699
- #cc66cc #cc66cc #cc66cc #cc66cc
- #cc66ff #cc66ff #cc66ff #cc66ff
- #cc9900 #cc9900 #cc9900 #cc9900
- #cc9933 #cc9933 #cc9933 #cc9933
- #cc9966 #cc9966 #cc9966 #cc9966
- #cc9999 #cc9999 #cc9999 #cc9999
- #cc99cc #cc99cc #cc99cc #cc99cc
- #cc99ff #cc99ff #cc99ff #cc99ff
- #cccc00 #cccc00 #cccc00 #cccc00
- #cccc33 #cccc33 #cccc33 #cccc33
- #cccc66 #cccc66 #cccc66 #cccc66
- #cccc99 #cccc99 #cccc99 #cccc99
- #cccccc #cccccc #cccccc #cccccc
- #ccccff #ccccff #ccccff #ccccff
- #ccff00 #ccff00 #ccff00 #ccff00
- #ccff33 #ccff33 #ccff33 #ccff33
- #ccff66 #ccff66 #ccff66 #ccff66
- #ccff99 #ccff99 #ccff99 #ccff99
- #ccffcc #ccffcc #ccffcc #ccffcc
- #ccffff #ccffff #ccffff #ccffff
- #ff0000 #ff0000 #ff0000 #ff0000
- #ff0033 #ff0033 #ff0033 #ff0033
- #ff0066 #ff0066 #ff0066 #ff0066
- #ff0099 #ff0099 #ff0099 #ff0099
- #ff00cc #ff00cc #ff00cc #ff00cc
- #ff00ff #ff00ff #ff00ff #ff00ff
- #ff3300 #ff3300 #ff3300 #ff3300
- #ff3333 #ff3333 #ff3333 #ff3333
- #ff3366 #ff3366 #ff3366 #ff3366
- #ff3399 #ff3399 #ff3399 #ff3399
- #ff33cc #ff33cc #ff33cc #ff33cc
- #ff33ff #ff33ff #ff33ff #ff33ff
- #ff6600 #ff6600 #ff6600 #ff6600
- #ff6633 #ff6633 #ff6633 #ff6633
- #ff6666 #ff6666 #ff6666 #ff6666
- #ff6699 #ff6699 #ff6699 #ff6699
- #ff66cc #ff66cc #ff66cc #ff66cc
- #ff66ff #ff66ff #ff66ff #ff66ff
- #ff9900 #ff9900 #ff9900 #ff9900
- #ff9933 #ff9933 #ff9933 #ff9933
- #ff9966 #ff9966 #ff9966 #ff9966
- #ff9999 #ff9999 #ff9999 #ff9999
- #ff99cc #ff99cc #ff99cc #ff99cc
- #ff99ff #ff99ff #ff99ff #ff99ff
- #ffcc00 #ffcc00 #ffcc00 #ffcc00
- #ffcc33 #ffcc33 #ffcc33 #ffcc33
- #ffcc66 #ffcc66 #ffcc66 #ffcc66
- #ffcc99 #ffcc99 #ffcc99 #ffcc99
- #ffcccc #ffcccc #ffcccc #ffcccc
- #ffccff #ffccff #ffccff #ffccff
- #ffff00 #ffff00 #ffff00 #ffff00
- #ffff33 #ffff33 #ffff33 #ffff33
- #ffff66 #ffff66 #ffff66 #ffff66
- #ffff99 #ffff99 #ffff99 #ffff99
- #ffffcc #ffffcc #ffffcc #ffffcc
- #ffffff #ffffff #ffffff #ffffff