原色大辞典カラーはデザイン的にも機能的にもとても大事こんにちは。WEBリアル集客プロデューサーの金川です。今日は「色=カラー」について書こうと思います。WEBサイトや印刷物のデザインをするにあたって、クライアントさんと「色」についてのやりとりをすることが多々あります。今でこそ、たくさんの苦い?経験から行き違いが発生しないコツをしっかりつかんでいますが、以前はいろんな行き違いがあってたいへん難儀した経験があるわけです。それは、色に対する考え方や捉え方はそれぞれ違うということが主な原因です。例を上げてみますと、「ヘッダーの最上部のラインはピンクにしてね」という要望があったとするでしょう。ピンクと一口に言っても、ピンクの種類って一つじゃないですよね。上げただけでピンクってこんだけあります。「ピンクでお願い」「了解です」だけでは確実に事故ります。仕上がりまでにもちろんチェックは入るんだんろうけど、修正に手間がかかることは間違いないですね。ピンクはピンクでも、具体的にどのピンクなのかを特定することが重要になってきます。印刷における色の規格=CMYKさて色なんですが、印刷における色とWEB上での色とはまったく別の規格になります。印刷における色の規格=CMYKC=シアン≒青M=マゼンダ≒赤Y=イエロー=黄色K=ブラック=黒というふうに、ざっくりとですが、4つの基本色の掛け合わせで決められます。一つ例を上げてみますね。いうように、上記の割合のCMYKの色の配合で、こんなピンクが構成されてるんですね。光の色の規格=RGB次にWEBで使う色の規格です。WEBのというより、光で構成される色の規格といったほうが正確なんですけどね。モニタースクリーンで表示される色のことなので。光の色の規格=RGBR=レッドG=グリーンB=ブルーこの三つの光の要素で光の色は構成されてるんです。RGBの光の強さの割合によって光の色は決まります。書きましたが、もちろん覚える必要なんてないし、そもそも覚えられません。なんとなくそうなんやー的に雰囲気を掴んでもらえれば大丈夫。WEBで使う「カラーコード」ちょっとややこしいんですが、WEBでカラーを指定する際には、実際にはRGBではなく、「カラーコード」というものを指定するんですよ。WEBで使う色のは全てカラーコードが決まっていまして、そのカラーコードを指定することで枚違いなく絶対的な色の指定ができます。カラーコードは「#」が前に付く6ケタの数字とアルファベットの組み合わで表現されるんです。上記の色の例で言えば、というわけです。ま、これもこんな感じなんやーとニュアンスをわかっていただくだけで大丈夫です。原色大辞典さて、少々難しげなことを書いた後はちょっと楽しげなことを紹介させていただきますね。