# 448.3-1色の基礎知識と配色

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/
- 公開日: 2023-09-25T17:46:42+09:00
- 作成者: Zombiekong

##### 　※前回のフォントも同様でしたが、説明用の図解・イラスト・写真類は権利関係の問題で使えません。文章説明だけで分かりづらいと思います。

![BOON BOON CATS、ぶんぶんキャッツ、
STTOCOLAND、PC前でペンキわ塗ろうとしている猫、](
https://i0.wp.com/boonbooncats.com/wp-content/uploads/2023/09/ai_generator_picture301-
2.jpg?resize=567%2C425&ssl=1)

※AIさん画像を加工しました。

#### カラーモードの意味を知る

<光の色・インクの色>

◯光の三原色(**RGB**) /赤(R)緑(G)青(B)　

　混ぜるとあらゆる色ができる(テレビ・PCモニター・スマホ)

◯インクの三原色(**CMY**) /シアン(C)マゼンタ(M)イエロー(Y)

　黒インク(K)と白い紙であらゆる色を出す

<画面で見る色をプリンターで出力すると暗く濁って見えるのはなぜ?>

◯光の混色は混ぜるほど明るく白くなり、インクは混ぜるほど暗く黒くなる。**RGB**と**
CMY**では再現できる色の範囲が違う。

　※印刷で再現しづらい色は特色を使う(例・金 銀 蛍光色など)

<イメージが大きく変化する色域>

◯モニター上では明るく鮮やかな色が表現できるが、プリンターではイメージが大きく大きく
変化する色がある。印刷が前提の作品では注意が必要。

![BOON BOON CATS、ぶんぶんキャッツ、
STTOCOLAND、カラーノートと色鉛筆、](https://
i0.wp.com/boonbooncats.com/wp-content/uploads/2023/09/ai_generator_picture6.jpg?
resize=510%2C383&ssl=1)

※AIさんが作った画像を加工。

<感覚的に色を探せるHSB>

◯Photoshopではウィンドウ(W)→カラー(C)でHSBスライダーを開く→スライダーを左右に動かし
て色調整

<Webカラー(カラーコード)とは>

◯16進数を使った色の表示法

　●数字とアルファベットを組み合わせた色表示(左の2桁/赤・中央の2桁/緑・右の2桁/青)

　●PhotoshopではカラーピッカーやWebカラースライダーなどで扱う(カラーピッカーでは
さまざまな色表示が一覧できる)　　　　　

![BOON BOON CATS、ぶんぶんキャッツ、
STTOCOLAND、カラーチャートと動物キャラ、](https://
i0.wp.com/boonbooncats.com/wp-content/uploads/2023/09/ai_generator_picture82.jpg?
resize=425%2C425&ssl=1)

※AIさんが描いた画像なので、この動物が何者なのか判りません。

#### 色の表記と心理効果

<色を表す時は3つのモノサシを使う>

◯**色相** /色味の違い

　●色相が循環する円を色相環と呼ぶ。(Adobe Colorのカラーホイールなど)

◯**明度** /明るさ

◯**彩度** /鮮やかさ

　●色彩学では縦方向に明度・横方向にサイドの軸を取るのがルール。

　●色を表す3つのモノサシのうち明度・彩度を合わせたものを**トーン**(色調)と呼ぶ

　※色は立体(三次元)で表すのが本来だがトーンを使えば平面で表せる

　●日本の産業界では**マンセル色相環**が使われる

![BOON BOON CATS、ぶんぶんキャッツ、
STTOCOLAND、色々な色彩の魚、](https://i0.wp.
com/boonbooncats.com/wp-content/uploads/2023/09/ai_generator_picture1.jpg?resize
=539%2C404&ssl=1)

※AIさんが描いた画像なので何の魚なのか判りません。

<色の心理効果>

◯**暖色**(赤/オレンジ/黄)・**寒色**(青/青緑/青紫)それ以外は温度感のない中性色

◯進出色・後退色

　●等距離にある色は**暖色**ほど近づいて感じられ、**寒色**ほど遠くに感じられる

※AIさん画像を元に近付く球体と、遠ざかる球体を作ってみました。そのように見えますか?

![BOON BOON CATS、ぶんぶんキャッツ、
STTOCOLAND、近づく赤いボール、](https://i0.
wp.com/boonbooncats.com/wp-content/uploads/2023/09/image-1-2.jpg?resize=425%2C425&
ssl=1)

![BOON BOON CATS、ぶんぶんキャッツ、
STTOCOLAND、遠ざかる青いボール、](https://i0.
wp.com/boonbooncats.com/wp-content/uploads/2023/09/image.jpg?resize=425%2C425&ssl
=1)

◯背景色が変わると図色が変化する(色相対比)

　●図色は背景色によって影響を受け変化して感じられる

◯明度がもたらす心理効果

　●膨張色・収縮色

　●白いロゴは大きく、白文字は太く見える

![BOON BOON CATS、ぶんぶんキャッツ、
STTOCOLAND、白い箱と黒い箱、](https://i0.wp.
com/boonbooncats.com/wp-content/uploads/2023/09/aicutout_u2a9.jpg?resize=510%2C383&
ssl=1)

※AIさんが作った画像を加工しています。

　※白と黒の心理的な重さの比重は1対1.87 /荷物の運搬では軽く感じられる明るい色の箱、
プレミアム感を出したいパッケージには暗い色が使われる。

　●安定感を出す /下の方に大きな面積で暗い色を配置

　●動きや躍動感を出す /上の方に暗い色を配置

◯彩度がもたらす心理効果

　●派手な色 /彩度の高い色は華やかで目立つ

　●地味な色 /彩度の低い色はシックで馴染みやすい

![BOON BOON CATS、ぶんぶんキャッツ、
STTOCOLAND、彩度の高い遊園地と動物キャラ、](
https://i0.wp.com/boonbooncats.com/wp-content/uploads/2023/09/ai_generator_picture22.
png?resize=539%2C404&ssl=1)

![BOON BOON CATS、ぶんぶんキャッツ、
STTOCOLAND、サイドの低い遊園地と動物キャラ、](
https://i0.wp.com/boonbooncats.com/wp-content/uploads/2023/09/ai_generator_picture2.
png?resize=539%2C404&ssl=1)

###### ※AIさんの作った画像を加工しています。

「遊園地来たけど誰もいないよ?」もう閉園の時間でしょ。それにアンタいったい誰なのよ!?

2023-09-25

### いいね:

いいね 読み込み中…

## コメント

### 投稿者: olivia2010kroth

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7891
- 公開日: 2023-09-25T17:48:21+09:00

Such a nice, colourful cat! It is beautiful.

読み込み中…

### 投稿者: Zombiekong

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7896
- 公開日: 2023-09-25T21:57:01+09:00

Thank you.😀
 In this article, all images are created using AI.💻

読み込み中…

### 投稿者: olivia2010kroth

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7901
- 公開日: 2023-09-25T23:43:50+09:00

BRAVO !

読み込み中…

### 投稿者: Zombiekong

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7902
- 公開日: 2023-09-26T00:34:22+09:00

Isn’t the evolution of generative AI amazing?😱

読み込み中…

### 投稿者: olivia2010kroth

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7903
- 公開日: 2023-09-26T01:17:39+09:00

It certainly is.

読み込み中…

### 投稿者: Zombiekong

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7904
- 公開日: 2023-09-26T02:11:52+09:00

💻😺😄

読み込み中…

### 投稿者: トモミ

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7892
- 公開日: 2023-09-25T19:03:57+09:00

う～ん、仕事で疲れた脳には難し過ぎる（笑）！お勉強、大変ですねぇ～！！

コメント欄のフォーマットが変わったのですね！一瞬、ビビりました（笑）…

読み込み中…

### 投稿者: Zombiekong

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7897
- 公開日: 2023-09-25T22:06:04+09:00

すみません🙇
 記事は授業内容に興味のある方向けなので読まなくて良いんです😅 猫の画像
だけ見てくださいね😺 コメント欄の変更でも皆様にご迷惑おかけしています😓

読み込み中…

### 投稿者: Boss365sumomo

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7893
- 公開日: 2023-09-25T19:25:12+09:00

こんにちは。
 「色の基礎知識と配色」のお勉強ですね。RGBとCMYKは基本ですが、制作対象
物で選択です。光とインク色の違いありです。AIさんの魚？何か分かりませんが（爆）色相・
明度・彩度などでカラフルですね。色の心理効果はzombieさん、お得意と推測です！！遊園
地のキャラ、彩度の違いで印象変化ですが、スーパーキティ風ですね。取り敢えず、お疲れ様
です！？(=^･ｪ･^=）

読み込み中…

### 投稿者: Zombiekong

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7898
- 公開日: 2023-09-25T22:16:03+09:00

ありがとうございます😀
 ウチは出版社なのでRGBとCMYKの違いについてだけは知ってました
😄 AIさんにはカラーチャートをお願いしたのに💻魚とか謎動物とかいらんものを描いてよこしま
した😑何考えてるんでしょ😓 これネコ科に見えます??😺 色については知識もないし得意
でもないですがこだわりはあるのです😅

読み込み中…

### 投稿者: ChatBleu

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7894
- 公開日: 2023-09-25T19:59:41+09:00

あ、なるほど。メールボタンで前のようなフォーマットでコメント書けるのね。
 いやー、
わからないながら、なんとなくこちらもお勉強になりますー。 色とかなんとなくは知って
ましたが、ちゃんと学んだことがないので、なるほどなるほどという感じ。 でも、きっと
すぐ忘れる(-\_-;)

読み込み中…

### 投稿者: Zombiekong

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7899
- 公開日: 2023-09-25T22:23:04+09:00

コメントはメールボタン押して登録しないとダメなんでしょうか✏️(私もよくわかってない
です🥺)
 お勉強って本当に必要で使い続ける知識しか頭に残らないですよね😅 私もすぐ
忘れる自信あります🤣

読み込み中…

### 投稿者: ごま大福＠まろ

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7895
- 公開日: 2023-09-25T20:44:39+09:00

お勉強、毎日なのでしょうか。
 私がパンクしそう。 ただ、できるようになった時のこと
を想像して頑張ってください^^

読み込み中…

### 投稿者: Zombiekong

- リンク: https://boonbooncats.com/2023/09/25/448-%e3%81%8a%e5%8b%89%e5%bc%b7%e3%83%bb3%e3%81%ae1/#comment-7900
- 公開日: 2023-09-25T22:26:24+09:00

毎日勉強しないと追いつかないですぅ😥
 読まなくて良いですよ😅猫画像だけ見てください
😺 できる様になった時のことを想像して頑張る⋯うぅぅ😭できる様になるんだろうか〜😓

読み込み中…