前回の記事「印刷すると⾊が変わる︖RGBとCMYKを理解して、正しくIllustratorの設定を使い分けよう（基礎編）」では、RGBとCMYKの違いやillustratorでの設定の注意点も踏まえて簡単にご紹介いたしました。
今回は、RGBとCMYKの表現方法を数値的に説明いたします。

RGBの表現の仕組み

組み合わせの量、表現方法

カラーコード

カラーコードは16進数で表現され、数字10種（0～9）と英字6種（A～F）の16種の英数字の組み合わせから成り立ちます。

RGBの0～255の256段階を、それぞれ00～ffの2ケタで表現します。0であれば16進数では00、110であれば16進数では6E、となります。

0～9：00～09
10～15：0A～0F
16～25：10～19
25～31：1A～1F

続く・・・

240～249：F0～F9
250～255：FA～FF

これらをR・G・Bの3色分組み合わせた6ケタ、と、先頭に「#」を加えたものがカラーコードです。
例えば、R（255）G（255）B（0）の黄■であれば、#ffff00と表現されます。

CMYKの表現の仕組み

組み合わせの量、表現方法

CMYKは、それぞれ0～100％で表現されます。そのため、シアン、マゼンタ、イエロー、ブラックの4色それぞれに101通りの表現があり、4色合わせると101の4乗で104,060,401通りの色の表現があります。

RGBとCMYKの変換について

カラープロファイルの設定

CMYKからRGBに変換する際、プロファイルの設定によっても色が異なります。
Illustratorでは、「編集」→「プロファイルの指定」からプロファイルの確認ができます。

試しにプロファイルを変えて比べてみました。

▲sRGB IEC61966-2.1

▲Adobe RGB（1998）

目視でも色の違いがはっきり分かりますね。

変換ツールのご紹介

RGB⇔CMYKの変換するツールは複数あります。必要に応じて、下記サイトを使ってみるのもよろしいかと思います。

まとめ

2回に渡ってRGBとCMYKについてご説明いたしました。今回は私も勉強になることが多く、とてもためになりました。
みなさんも是非、今後の制作に役立ててみてはいかがでしょうか。

基礎編は下記よりご覧いただけます。

印刷すると⾊が変わる︖RGBとCMYKを理解して、正しくIllustratorの設定を使い分けよう（基礎編）

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

蔦川結美

ソリューション事業部 webディレクター

関東の理系大学にてプロダクトデザインを学ぶ。千葉県にて百貨店社員として接客・マネジメント・商品PR、東京都にて人材紹介の営業を経験した後に、地元浜松へUターン転職。アーティス入社後はWebディレクターとして、大学・病院サイトを始め、コーポレートサイトのディレクション・企画業務に携わっている。

最新記事 by 蔦川結美 (全て見る)

• 印刷すると⾊が変わる︖RGBとCMYKを理解して、正しくIllustratorの設定を使い分けよう（応用編） - 2021年7月21日
• 印刷すると⾊が変わる︖RGBとCMYKを理解して、正しくIllustratorの設定を使い分けよう（基礎編） - 2021年6月24日
• Google Analytics 4 プロパティ（GA4）とは？特徴を理解して新しいアクセス解析⽅法を導⼊してみよう。 - 2021年5月25日
• Adobeソフトがなくても大丈夫！画像を簡単にピクセル指定でサイズ変更・トリミング（切り抜き）する⽅法 - 2021年4月23日
• 意外と使える!? パワーポイントのあまり使われない機能や素材：後編＜スライド ショー/校閲＞ - 2021年3月19日