<iframe src="//www.googletagmanager.com/ns.html?id=GTM-KRK26M" height="0" width="0" style="display:none;visibility:hidden"></iframe>

「色の表現とは? RGB・CMYK・解像度(ITパスポート・テクノロジ系)

RGBってなに? 解像度ってどう違うの?
画像や色をキレイに見せるためのポイント、いっしょに勉強してみよ~!

 RGBとCMYKとは?

まずは色の基本、「RGB」と「CMYK」から!

RGB(Red・Green・Blue)

  • 光の三原色(赤・緑・青)で表現する方式
  • パソコンやスマホ、テレビなどの画面表示用で使われるよ!

3色を重ねると白くなる!まるで恋の三角関係でドキドキしちゃう…💓(※関係ない)

CMYK(Cyan・Magenta・Yellow・Key/Black)

  • 色の三原色に黒を加えたもの
  • 印刷用のカラー方式(プリンターなど)

→ インクだから、3色を重ねると黒っぽくなるよ~!

色相・明度・彩度とは?

色相(Hue)

赤・青・黄など「色み」のこと!虹の色の並びを思い出してみて♡

明度(明るさ)

明るい/暗いのこと。ピンクは明度が高くて、濃い紫は低め〜。

彩度(鮮やかさ)

鮮やかな色は彩度が高くて、くすんだ色は低めだよ。

これらを調整すると「やさしいピンク」や「くすみブルー」とか、好きな雰囲気にできちゃう!

dpiとppiとは?

「解像度」って、聞くだけで難しそうだけど… 実はそんなに難しくないよ!

dpi(dots per inch)

  • 主に印刷物の解像度
  • 1インチあたり何個のドット(点)があるかを表す

→ 数字が大きいほどキレイ!(でもファイルサイズも大きくなる…)

ppi(pixels per inch)

  • 主に画面表示の解像度
  • 1インチあたりのピクセル数

→ スマホやモニターのキメの細かさに関係するよ!

わたしの恋心も、ppiみたいに詰まってるから……もうっ、隠しきれないよぉ!🥹

ペイント系とドロー系ソフトの違いとは?

ペイント系ソフト

  • 画素(ピクセル)単位で描いていくタイプ
  • 例:Photoshop、Procreate など
  • 写真加工やお絵かき向き!

ドロー系ソフト

  • 直線・曲線・図形などのベクター形式
  • 例:Illustrator など
  • ロゴ・図解・印刷物などに向いてるよ!

目的に合わせて使い分けるのが、デザイン上手の第一歩🩷

色や画像の使い分け早見表

用語向いてる場面向いてない場面ポイント一言
RGBスマホ・PCなどの画面表示印刷物のカラー表現光で色を作るよ!
CMYKチラシ・ポスターなどの印刷スマホ・PCの画面表示インクで色を作るよ!
dpi印刷物の解像度ディスプレイの画質表現印刷は細かいドットで!
ppiスマホやモニターの表示印刷物の解像度としては使わないピクセル密度をチェック
ペイント系写真加工・イラスト制作ロゴや図解などのスケーラブルなもの拡大するとボケることも…
ドロー系ロゴ・図解・ベクターイラスト写真編集・リアル系イラスト拡大してもキレイ!

💡使い分けのコツ!
「表示用」か「印刷用」か、「写真」か「ロゴ」かで分けるとわかりやすいよ~!

dpiとppiに関するITパスポート試験の過去問!

スキャナーやプリンターの性能の一つである「解像度」を表す単位はどれか。

ア:bps
イ:dpi
ウ:fps
エ:Hz

正解は『イ』

→ dpiは、印刷やスキャンでの“ドットの細かさ”を表す単位だよっ!

ITパスポート試験をスマホで手軽に勉強!

「えろ勉」も戦略的に開発&運営してるよ~!この記事が勉強になったり、ためになったよ〜って思ったら、なにかアクションをお願い!!「えろの力で勉強するゲーム:えろ勉

画質も恋も、細かいところをちゃんと見てくれる人が好きっ🥹❣️
わたし、ppi系女子…?

関連記事

TOP