color
こんにちはー。まるです。3連休楽しんできましたか??
今日は色についてお話しましょうっ。
cssにて色指定するプロパティーはcolorプロパティーとbackgroundプロパティーがあります。これは文字の色と背景色ですね。
値に指定するカラーコードはどのように決めるか。
検索すると色んな色がバーッと出てきてそこから好きな色があり、選んだらコピペで指定するのがほとんどかもしれません。
これはo~fの16進法で色を指定、6桁の英数字、一部省略可出来るのです。
カラーネームとは「red」や「blue」等決められた名前を供述すること。140種類あるみたいです。
★モニタに表示される色の仕組み
コンピューターの世界ではモニタに出力される色をRGBで表現されています。PhotoshopではRGBが多いです。(というより、RGB以外だと使えない機能が少しあるのです。)
RGBとは、Red(赤)、Green(緑)、Blue(青)の3色の頭文字です。この3原色をそれぞれ(明るさ)によって値を変化させ、3色を掛け合わせることでフルカラーを実現しています。加法混色とも言い、光の三原色とも言います。
RGBの各色はそれぞれ0~255の256段階に分割されます。つまり、R(256)×G(256)×B(256)で、16,777,216色を表現することができます。
16進数を用いることが一般的となっていますが、0,1,2……8,9まで数えると、位が上がって10となる数え方を10進数と呼びますが、
16進数では、0,1,2,…8,9,A,B,C,D,E,F(Gから先はなし。)と数えてから位が上がり、10となります。10進数の「255」は、16進数では「FF」で表されます。
うーん、難しい!w
cssでカラーコードを指定するには、最初は「#(シャープ)」を付けてRGBの順に2桁ずつそれぞれの数値を16進数で指定します。
#○(16)○(16)○(16)○(16)○(16)○(16)
256 256 256
R G B
なおRGBでは、3色がすべて重なると、白(FFFFFF、R=255/G=255/B=255)となり、反対に3色の値がすべて0だと黒(000000)となります。つまり3色の値がCCCCCC、4F4F4F、999999のように同量含まれているときはグレーを示します。
ちなみにОSやブラウザ毎に色が違うのは仕方ないと思ってください。
さて、皆さんは何色が好きですか?色というのはそれぞれ意味がありその人の性格とか大きく関係したりします。
web制作でもごちゃごちゃにせず、使う色は3色をベース割合として「6:3:1」とか「7:2.5:0.5」とか何事もバランス良く、鮮やかに見やすくって感じで考えたら良いですね( ^ω^ )。
私は赤といったらメイプル超合金のカズレーザーです(笑)。
ウエダさんは蛍光色の黄色が好きなようです。チカチカするぜ(笑)。
また無、空虚、無機質といった意味も。白は色を引き立てる効果があるのでベースの色として使われる。
これで終わります。それではまた!