【チュートリアル】意外と知らない!? 色彩設定の「RGB/CMYK/HSV」って結局何が違うの!?

こんにちは!ユアムーン編集部です!

突然ですが皆さんはRGB、CMYK、HSV(HSB)の違いを正確に説明できますか!?RGBとCMYKは知っているよ!なんて方もいると思います。

クリエイティブ業務に携わる弊社デザイナーに聞くと、これら色彩設定に関する知識は必須だそうです。今回はさらに、そこにHSVを加えてそれぞれの特性や使う場面など説明していきたいと思います。

そもそも「RGB/CMYK/HSV(HSB)」って何?

RGB、CMYK、HSV(HSB)とは、色を決定するためのパラメーターです。

例えば、黄色と一言で言っても、山吹色や蒲公英色(たんぽぽいろ)、檸檬色など様々な黄色が存在します。これら黄色に対し、赤をこれくらい、緑をこれくらい混ぜたときの黄色というように第三者が見てわかる形で数値化することで、再現性のある色として表現、定義することが出来ます。これら数値情報が、色を決定するためのパラメーターとなります。

※下記はイラストレーター(Illustrator)の色の設定画面です。

RGBとは

RGBは赤(Red)、緑(Green)、青(Blue)をパラメーター/基準とする色彩設定方法です。加法混合と呼ばれるもので、色を足せば足すほど白に近づいていきます。RGBはそれぞれ255段階で数値を調節することが出来ます。例えば「R:255, G:0, B:0」の場合は赤、「R:255, G:255, B:255」の場合は白が表示されます。

RGBはモニターなどの画面の色の出力方法として使われており、一般にモニター上で色を指定する際に使います。

CMYKとは

CMYKはシアン(Cyan)、マゼンタ(Magenta)、イエロー(Yellow)に加えキー・プレート(Key plate)をパラメーター/基準とする色彩設定方法です。Kは「黒(Kuro)のK」ではないので注意です(笑)。これは、減法混合と呼ばれるもので、色を足せば足すほど黒に近づいていきます。

CMYKはパーセンテージ(%)で数値を調節することが出来ます。例えば「C:0%, M:0%, Y:100%, K:0%」の場合は黄色が表示されます。

CMYKは一般にデスクトッププリンターなどを使う際に活用されている色彩決定基準で、印刷物を作る際に使用します。

HSV (HSB)とは

HSV (HSB)は色相(Hue)、彩度(Saturation)、明度(Value)をパラメーター/基準とする色彩設定方法です。

HSVモデルは人間が色を認識する方法と似ているため、その使いやすさからデザイナーが好んで使う場合があります。実務においても、「色をもう少し明るく・・・」、「もう少し鮮やかに・・・」などと議論を進めることもあります。

HSVとRGB、HSVとCMYKは完全な互換性があるわけではないので、HSVで指定した色が印刷やモニターで完全に再現されるわけではありませんが、その使いやすさから使うのもいいと思いますよ!

HSBカラーモデル | ウェブの色の表示とHSBカラーモデル | 基礎からわかるホームページの配色

出典:HSBカラーモデル, 基礎からわかるホームページの配色, https://www.webcolordesign.net/

まとめ

いかがでしたでしょうか?

今回は「RGB/CMYK/HSV(HSB)」の違いについて説明しました。それぞれ場面に応じて使い分けることが重要だと思います。

Euphoric””では、今後も数多くのアーティストをご紹介していくだけではなく、弊社デザイナーが使っているAdobeソフトのイラレやフォトショのチュートリアル、3Dプリンターの解説などを記事にしています。

是非、そちらの記事も見てみてくださいね!


未経験可!おすすめデザインスクール3選

「デザインを本格的に習ったことが無い!」
「ウェブデザイナー/動画クリエイターに転職したい!」
「デジタルに強いクリエイターになりたい!」

そんな方にユアムーン編集部が厳選したおすすめデザインスクールを3つ紹介します!

デジタルハリウッド STUDIO by LIG

デジタルハリウッド STUDIO by LIGは、Web制作会社(株式会社LIG)が運営するプログラムで、現役デザイナーから直接、様々な指導を受けることが出来ます。LIG運営のコワーキングスペース使い放題の他、Mac・デュアルディスプレイ設備など、環境についても十分な機能を備えています。

現役クリエイターによる直接指導!Webクリエイタースクール【デジタルハリウッド STUDIO by LIG】

インターネット・アカデミー

インターネット・アカデミーは、1995年に開校した日本初のWeb専門スクールでWebデザイン、プログラミングなどを学ぶことが出来ます。歴史が他の学校に比べて長く、あらゆる実績と講師力があります。現在のウェブデザイナーはプログラムを書く高い能力も求められているので、これからウェブデザイナーになりたいという人に是非おすすめです。

実績多数!プログラミング・Webデザインスクール【インターネット・アカデミー】

クリエイターズジャパン

クリエイターズジャパンは、現役の動画クリエイターが講師として教えている動画編集スクールです。Adobe製品の基本的操作方法を一から丁寧に教えてくれるため、初めての方でも安心して受講できます。これから動画を作ってみたい人、隙間時間を活用し副収入を得たい人、在宅ワークで動画制作をしたい人、様々な方にお勧めできるスクールです!

動画編集スクール【クリエイターズジャパン】

「PORTFOLIO SENSEI」-ポートフォリオ添削サービス-

ご自身のポートフォリオに出来に満足していますか?

Euphoric ” “運営元 ユアムーン株式会社では、「PORTFOLIO SENSEI」というポートフォリオ添削サービスを提供しています。「新卒/第二新卒でクリエイティブ職」「クリエイティブ業界に転職」「海外美大への入学」を目指す方に是非お勧めのサービスです!

現場クリエイター陣が見極め、添削・ご指導させていただくことであなたのポートフォリオを最大化致します!


Adobeを始めたい方はこちらから!