Blog2015.11.20agawaちょこっと注意!RGB&CMYKWeb制作デザインシェアTweet皆々様方こんにちは!Maromaroの阿川です。近頃めっきり寒くなってきましたね...皆さんも風邪にはご注意ください!さて今回のテーマは『色』です。色について追求することはたくさんありますが、PCと紙印刷の色の違いをお話しようと思います。最近送られてきた画像がCMYKになっていることに気が付かないままサイト用の写真として書き出してしまったことがありました。三原色・減法混色まとめ思った通りの色が出ない!?写真をPCに撮りこんで画面上で見たときや、逆にPCから写真を印刷したら色が変わっていて「あれ?」と思ったことはありませんか?さっそく例を見てみましょう!我が家の愛犬、ビションフリーゼのざらめの写真が2枚あります。左がRGBのjpgで書き出したもので右がCMYKのjpgで書き出したものです。色の違いは一目瞭然です!画面上で見るのでRGBでは普通に見えますがCMYKのほうだと何かがおかしい...!妙に色が濃い様な、そんな感じがします。液晶上で色を表すのは光になります。使用する色はR(赤)・G(緑)・B(青)の3色です。これらを重ね合わせて色を作るようです。光の三原色だけ合って加法混色は足していくと色に明るみが出てきます。画面上で光を駆使してみるものではないのでインクでの着色になります。インクはいくら重ねても色は明るくなりません。普通の絵の具と同じ仕組みです!これを減方混色と言います。色の三原色はC(シアン)M(マゼンタ)Y(イエロー)の3色です。そこにK(ブラック)を加えたものが基本的な色の指定になります。シアンは「緑みの青」、マゼンタは「赤紫」の色です。CMYKはすべてを重ねると黒くなる仕組みです!印刷する場合はこちらの設定にしましょう!まとめ色をきちんと出したいのであれば一度その画像がCMYKなのかRGBなのかを調べたほうが良いと思います!Fireworksなどでデザインをしている最中でも色味が変化してしまうので、最初に調べることをオススメします。確認方法は簡単で、PhotoshopやIllustratorで開いたときに上のタブで確認することができます!イメージ>カラーモードで検索すると途中で変更できたり、新規作成や保存のときに調整することができます!また、jpgではCMYKもRGBも色の指定ができるのですが、pngはCMYK非対応なので気をつけてください^^うっかり忘れてしまうこともあるので私も今後注意していきたいと思います...それでは今回はこれにて。postsよく読まれている記事です。1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。デバイスフォント、Webフォント、画像データの違いと特徴あなたにオススメの記事2015.06.07コーディングを考えたデザインとは?2015.08.10著作権とはなんぞや!?クリエイターが最低限知っておくべき基本2015.09.14初心者のための注意点!~デザイン編~2015.10.13Photoshopの画像アセットで高速Web書き出し!2016.03.07色と幾何学~秩序の原理で色を選ぶ!~2016.03.31グレースケールのひと工夫でワンランク上のWebデザイン2016.05.168の倍数でWebデザインしてみてわかったメリット・デメリット2016.07.25永久保存版!Webサイト更新マニュアルの作り方。posts1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。XDイラストお知らせ運用Fireworksクリエーターフォントまとめ初心者サーバ用語PHPスマホアプリjQuery息抜きDreamWeaverWebディレクターJavaScriptプログラミング仕事効率PhotoshopAdobeWordPress作業効率コーディング便利ツールHTML・CSSWEB制作現場デザイン。