■ ヒントだよ！HTML & CSS ■
■ 色指定
- ・16進数のRGB値で色指定する
- #R値G値B値
R値=red、G値=green、B値=blue。
値=00～FF、又は0～F。
※0=黒、ff=各純色。
例:
→#f00cc。
→#f0c、= ff00ccとブラウザは判断する。
※RGB値については、"webセーフティーカラーを参照。
- ・10進数のRGB値などで色指定する
-
rgb(R値,G値,B値)を使う場合
各RGB値=0～255または、0%～100%。
→例:RGB(255,0,204)
→例:RGB(100%,0%,80%)
rgba(R値,G値,B値,透明度)を使う場合
各RGB値=0～255。
透明度=完全透明0～半透明0.5～不透明1。
※各値、％指定もできるようです。
※RGB値については、"webセーフティーカラーを参照。
- ・色相、彩度、明度を使った色指定
- →hsl(色相,彩度,明度)
色相:0～360
彩度/明度各値= 0%～100%
→hsla(色相,彩度,明度,透明度)
色相:0～360
彩度/明度各値= 0%～100%
透明度=完全透明0～半透明0.5～不透明
- ・指定できる色名と相当するRGB値
-
Black
#000000 |
White
#ffffff |
silver
#c0c0c0 |
gray
#ff0000 |
red
#ff0000 |
maroon
#800000 |
puple
#800080 |
fuchsia
#ff00ff |
green
#008000 |
lime
#00ff00 |
yellow
#ffff00 |
olive
#ffff00 |
bule
#0000ff |
navy
#000080 |
aqua
#00ffff |
teal
#008080 |
orange
#ffa500 |
|
© KinutaHandicraft
