CSSでのカラー指定

CSSでのカラー指定ですが、最も広く利用されているのは

#003366 といった方法です。

これは、HTMLと同じ方法なのでご存知の方も多いかと思います。

〔#〕 に続けて、RGB各色の値を2桁ずつの16進数で表したものです。

1色が256通り×3チャンネルで、約1,677万色から指定できることになります。

その他、使用頻度は低いですが以下の方法でも可能です。

3桁表記 【#036】
CSSの場合、半分の3桁でカラー指定可能です。 1桁が2桁分の指定をしているので〔fc1234〕などの時には使用できません。 「00 33 66 99 cc ff」の組み合わせで指定すればWebセーフカラー(216色)での表示が楽に出来る。

RGBでの表記 【rgb(0%,0%,100%)】
RGBはレッド、グリーン、ブルーの3色の組み合わせですから、 rgb(赤%,緑%,青%) という式で表すことが出来ます。
ブルー #0000ff であれば rgb(0%,0%,100%) となります。

キーワード指定 【black】
HTMLに定義された16色であれば キーワードで指定できます。
black / gray / silver / white / navy / teal / aqua / blue / olive / green / lime / yellow / maroon / purple / fuchsia / red

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です