toggle
札幌市東区でマンガ・イラスト制作、WEBデザイン・DTP制作、雑貨制作、プラモ制作などを行う就労支援事業所です。マスコットキャラクター、ミライクマ3兄弟のLINEスタンプ好評発売中!
2017-07-21

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」とか何事もバランス良く、鮮やかに見やすくって感じで考えたら良いですね( ^ω^ )。

赤:血液や炎から連想され生命力、情熱、愛、パワー、刺激、怒り等を表します。強く認識されやすい為警戒色(警告、禁止を意味します。)に使われたり。クボタさんが好きな色です。(なんとなくですがゴールドっぽい…w)
私は赤といったらメイプル超合金のカズレーザーです(笑)。
オレンジ:赤と黄の中間色であるオレンジに両方の性質があり、幸福、熱意、陽気、活力、勇気、エネルギ等を表します。暗めのオレンジの場合、夕日のイメージから虚無感、さみしさを表すことができますね。
黄:世界的に太陽は黄色とされている為明るく前向きなイメージが強い。知性や好奇心、協力、幸福、栄光等。視認性が高く太陽を表す黄色と闇を表す組み合わせ、警戒色として標識、工事現場等で使用。
ウエダさんは蛍光色の黄色が好きなようです。チカチカするぜ(笑)。
緑:植物等自然のイメージ。安全、調和、健康、治療、癒し等表す。自然を表す代表的な色ですね。夏のイメージがあり涼しげなイメージがありますね。コマツさんが好きな色です。
青:海のイメージ。静けさ、冷静、安らぎ、誠実、リラックス等を表す。古代から世界各地で「青は人のものではない」「別世界の色」とされ、神秘的、霊的なイメージを持ちます。青は美しいですよね~。
水色:爽やか、開放感、爽快感、ヒンヤリした、自由な、清潔な・気品のある、清らかな・若々しい、透明感のある、優しい・リラックスできる・夏のイメージですね。ムナカタさんが好きな色です。
紫:高貴、威厳、忠誠、優雅といった意味があります。明度が低いほどエレガントなイメージ。昔は抽出が難しく、位の高い人のみ紫の衣服を着用されていました。私が好きな色です。ある日を境に急に紫が好きになりました。知り合いでオーラが見える人(信じなくても良いですw)がいて私のオーラも紫に変化したって言われました。部屋中紫だらけですw
白:雪や雲や天使の羽根から純粋、純白、善、平和、敬意を表します。
また無、空虚、無機質といった意味も。白は色を引き立てる効果があるのでベースの色として使われる。
黒:高級感、優雅、威厳、中立など黒はデザイン的には機能的なイメージを与え主な、購買層である男性客に好印象を与える。

これで終わります。それではまた!

関連記事