Webページ制作講座

標準の16色

【注意】
モバイルなど、カラー未対応のブラウザでは、それぞれの色が表示されません。
スタイルシートで色を指定する方法はいくつかあります。
色名（colorname）
色の名前で指定する場合、下図の16色はW3Cで定義されている色なので、どのブラウザでも同じ色が表示される。
色指定値
#rrggbb,#rgb
rは赤色、gは緑色、bは青色の、それぞれの度合いを16進数で指定する。それぞれの値に、0〜fのいずれかを使う。#rgbでは最大4096色、#rrggbbでは最大1670万色を表現できる。
rgb(*,*,*)
rgbに続けてカッコ内に赤緑青のそれぞれの数値を0〜255の範囲で指定する。
rgb(*%,*%,*%)
rgbのあとのカッコ内に、赤緑青のそれぞれの値を0〜100％で指定する。（10進数）
標準の16色（色名、色指定値）
black
#000000
#000
rgb(0,0,0)
rgb(0%,0%,0%) 		gray
#808080
rgb(128,128,128)
rgb(50%,50%,50%)		 silver
#c0c0c0
rgb(192,192,192)
rgb(75%,75%,75%) 		white
#ffffff
#fff
rgb(255,255,255)
rgb(100%,100%,100%)
blue
#0000ff
#00f
rgb(0,0,255)
rgb(0%,0%,100%) 		navy
#000080
rgb(0,0,128)
rgb(0%,0%,50%) 		teal
#008080
rgb(0,128,128)
rgb(0%,50%,50%) 		green
#008000
rgb(0,128,0)
rgb(0%,50%,0%)
aqua
#00ffff
#0ff
rgb(0,255,255)
rgb(0%,100%,100%) 		lime
#00ff00
#0f0
rgb(0,255,0)
rgb(0%,100%,0%) 		yellow
#ffff00
#ff0
rgb(255,255,0)
rgb(100%,100%,0%) 		fuchsia/magenta
#ff00ff
#f0f
rgb(255,0,255)
rgb(100%,0%,100%)
olive
#808000
rgb(128,128,0)
rgb(50%,50%,0%) 		purple
#800080
rgb(128,0,128)
rgb(50%,0%,50%) 		maroon
#800000
rgb(128,0,0)
rgb(50%,0%,0%) 		red
#ff0000
#f00
rgb(255,0,0)
rgb(100%,0%,0%)
【TOP】http://www.drhp.org/web-page/