色の設定方法

文字や背景色の色の指定は、コードが何種類かあります。

色のキーワード

red、blueなど色の名前を指定する。

p{
 color: red; ⇒　文字を赤
 color: blue;　⇒　文字を青」
}

RGBAの指定

RGBAは、red・green・blue・alpha（アルファ）の略です。

RGBは、0～255の間で指定

Aは、透明度のことで、０～1の間で指定

透明度を変化させると

p{
 color: rgba(255, 0, 0, 1)　⇒　赤色
 color: rgba(255, 0, 0, 0.5)　⇒　透明度を半分にするとピンク
}

16進数の指定

rgbの0～255　⇒　00～ｆｆ　に変換できる

p{
 color: rgba(255, 0, 0, 1)　= ff0000ff = f00f
}

上のコードは、全て赤を表している。

16進数は、ｆｆ００００ｆｆをｆ００ｆと省略できます。

1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座