<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>色彩の基礎知識 | イロスタ</title>
	<atom:link href="https://irosta.com/category/shikisai-kiso/feed/" rel="self" type="application/rss+xml" />
	<link>https://irosta.com</link>
	<description>色の知識があればエンターテイメントと暮らしがもっと楽しくなる。色彩考察サイト『イロスタ』</description>
	<lastBuildDate>Sat, 09 Jan 2021 05:52:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.4.19</generator>

<image>
	<url>https://irosta.com/wp-content/uploads/2020/05/cropped-icon-32x32.png</url>
	<title>色彩の基礎知識 | イロスタ</title>
	<link>https://irosta.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>温度を表現できる暖色と寒色、人の体にまで影響を与えるって本当？</title>
		<link>https://irosta.com/dansyoku-kansyoku/</link>
		
		<dc:creator><![CDATA[designsosta-irosta]]></dc:creator>
		<pubDate>Fri, 08 Jan 2021 01:49:00 +0000</pubDate>
				<category><![CDATA[色彩の基礎知識]]></category>
		<category><![CDATA[中間色]]></category>
		<category><![CDATA[寒色]]></category>
		<category><![CDATA[暖色]]></category>
		<category><![CDATA[温度]]></category>
		<category><![CDATA[色彩の心理効果]]></category>
		<guid isPermaLink="false">https://irosta.com/?p=503</guid>

					<description><![CDATA[色を見ると人の心に影響があるの？ 色によって重く感じたり軽く感じたりするって本当？ この世界にはたくさんの色がありますが、その色によって人は元気になったり、落ち着ついたり、興奮したり、様々な影響を受けます。 これを色彩の [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="veu_autoEyeCatchBox"><img width="750" height="463" src="https://irosta.com/wp-content/uploads/2020/07/dansyoku-kansyoku.png" class="attachment-large size-large wp-post-image" alt="" srcset="https://irosta.com/wp-content/uploads/2020/07/dansyoku-kansyoku.png 800w, https://irosta.com/wp-content/uploads/2020/07/dansyoku-kansyoku-300x185.png 300w, https://irosta.com/wp-content/uploads/2020/07/dansyoku-kansyoku-768x474.png 768w, https://irosta.com/wp-content/uploads/2020/07/dansyoku-kansyoku-600x371.png 600w" sizes="(max-width: 750px) 100vw, 750px" /></div>
<ul class="nomal"><li>色を見ると人の心に影響があるの？</li><li>色によって重く感じたり軽く感じたりするって本当？</li></ul>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">こんな疑問に、色彩ヲタクの猫仮面が答えていきます。</p></div>



<p>この世界にはたくさんの色がありますが、その色によって人は元気になったり、落ち着ついたり、興奮したり、様々な影響を受けます。</p>



<p class="has-medium-font-size">これを<span class="marker-animation">色彩の心理効果</span>と言います。</p>



<p><strong>これは決してスピリチュアルなものではなくて、科学的に証明された法則です。</strong></p>



<p>この色彩の心理効果を効果的に使うことで、<span class="marker-animation">相手に与える印象をコントロール</span>することができるんですね。そのため日常生活だけではなく、<strong>エンターテイメントの分野でも当たり前のように使われています</strong>。</p>



<p>この記事で紹介するのは、温度に関する印象<strong>「あたたかい色、冷たい色」</strong>です。</p>



<h2>とても有名な心理効果</h2>



<p>あたたかい、冷たいの考え方は色の心理効果の中で、一番有名な考え方だと思います。</p>



<p>色に全く関心がない方でも、<span class="marker-animation">暖色と寒色という言葉</span>は聞いたことがありますよね。ファッション、メイク、インテリア…日常のありとあらゆる分野の中で使われる言葉です。</p>



<p>まさにこれが<strong>あたたかい色、冷たい色の正体</strong>です。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/02.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">当たり前のように使っているけど、色を見て温度を感じるなんて面白いですよね～</p></div>



<h2>暖色はあたたかく感じる</h2>



<p>暖色と聞くと<strong>赤やオレンジ</strong>を思い浮かべた方は大正解！！</p>



<p>下の図を見てみましょう。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2021/01/image6_2.png" alt="" class="wp-image-790" srcset="https://irosta.com/wp-content/uploads/2021/01/image6_2.png 800w, https://irosta.com/wp-content/uploads/2021/01/image6_2-300x300.png 300w, https://irosta.com/wp-content/uploads/2021/01/image6_2-150x150.png 150w, https://irosta.com/wp-content/uploads/2021/01/image6_2-768x768.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>実はポイントがもう1つ。<span class="marker-animation">暖色の範囲に黄色も含まれている</span>ということですね。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/02.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">やっぱり大昔から人間の生活に関わってきた、火や太陽のイメージが根本にあるんじゃないかなーと思います</p></div>



<p></p>



<h2>寒色は冷たく感じる</h2>



<p>では<strong>冷たく感じる寒色</strong>はどうでしょうか？</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2021/01/image6_3.png" alt="" class="wp-image-791" srcset="https://irosta.com/wp-content/uploads/2021/01/image6_3.png 800w, https://irosta.com/wp-content/uploads/2021/01/image6_3-300x300.png 300w, https://irosta.com/wp-content/uploads/2021/01/image6_3-150x150.png 150w, https://irosta.com/wp-content/uploads/2021/01/image6_3-768x768.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>実は青緑あたりまで範囲に含まれているんです。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">暖色も寒色もそれぞれ、イメージより微妙に範囲が広いですよね</p></div>



<h2>特に温度の印象を持たない色</h2>



<p>では<strong>暖色にも寒色にも含まれない範囲</strong>は？というと…</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/07/image6_4.png" alt="" class="wp-image-792" srcset="https://irosta.com/wp-content/uploads/2020/07/image6_4.png 800w, https://irosta.com/wp-content/uploads/2020/07/image6_4-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/07/image6_4-150x150.png 150w, https://irosta.com/wp-content/uploads/2020/07/image6_4-768x768.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>この範囲は<span class="marker-animation">中間色</span>と呼ばれて、特に<span class="marker-animation">温度の印象を持ちません</span>。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/05.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">紫あたりは暖色に含まれそうだけど、意外とそうじゃないんですよね</p></div>



<h2>人の体にも影響を与える</h2>



<p>さて突然ですが、今どんな状態でこの文章を読んでいますか？</p>



<p>人間には1日の中で活動的な時とリラックスをしている時があります。それをコントロールしているのが<span class="marker-animation">交感神経</span>と<span class="marker-animation">副交感神経</span>です。</p>



<p>それぞれの神経が優位になることで、緊張と緩和を行ったり来たりしています。</p>



<ul><li>交感神経が優位：活動的な状態になる。心拍数があがったり、新陳代謝が促進されたりする。</li><li>副交感神経が優位：リラックスしている。内分泌系を鎮静化させたり、ゆったりとした心になる。</li></ul>



<p>実は<span class="marker-animation">色にはこの交感神経と副交感神経に働きかける効果が</span>あります。</p>



<p>例えば赤い壁紙の部屋と青い壁紙の部屋を用意して、一定時間その部屋の中にいるという実験を行うと</p>



<ul class="nomal"><li>赤い部屋にいる　→　交感神経が優位になる・活動的に</li><li>青い部屋にいる　→　副交感神経が優位になる・リラックス</li></ul>



<p>また<span class="marker-animation">赤を見続けていると体温や血圧が上昇</span>し、その逆に<span class="marker-animation">青を見続けていると下降</span>するという実験結果も報告されています。</p>



<p>このあたりのことを知っていることも、エンタメ作品を読み解くカギになるかもしれません。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content"><strong>熱狂や興奮を連想させるために赤を使う</strong>のは、CDのジャケットやアニメ、映画でもよく使われる手法ですよね</p></div>



<h2>今日の色彩知識まとめ</h2>



<ul class="matome"><li>暖色と寒色は色彩の心理効果の代表的な例</li><li>暖色は温かく感じる色で、赤～オレンジ～黄色まで範囲に含まれる</li><li>寒色は冷たく感じる色で、青寄りの緑～青～紫寄りの青が範囲</li><li>色は人の心だけではなく人体にも影響を与えることがある</li><li>暖色と寒色の代表的な色である赤と青は、それぞれ交感神経と副交感神経を優位にさせる</li></ul>



<p>この他にも、エンタメ考察に役立つ色彩基礎知識の記事をたくさん用意しているので、参考にしてみてくださいね。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">ではまた！</p></div>
<section class="veu_cta" id="veu_cta-880"><h1 class="cta_title">Twitterあります</h1><div class="cta_body"><div class="cta_body_image cta_body_image_center"><a href="https://twitter.com/nekokamen_iro" target="_blank"><img src="https://irosta.com/wp-content/uploads/2021/03/t2-1.png" /></a></div><div class="cta_body_txt image_exist">「フォローしておくとエンタメを楽しむための色彩知識がついていく」Twitterアカウントを運営しています。ブログの更新情報の他にも、明日誰かに教えたくなる色彩ミニ知識などをツイートする予定です。<br/>ゆるっとフォローしてくださいまし=゜ω゜=♪</div><div class="cta_body_link"><a href="https://twitter.com/nekokamen_iro" class="btn btn-primary btn-block btn-lg" target="_blank"><i class="fab fa-twitter font_icon"></i> ちょっと見てみる</a></div></div><!-- [ /.vkExUnit_cta_body ] --></section>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>色によって重さの感じ方が変わる？～GANTS玉の狙い～</title>
		<link>https://irosta.com/omoi-karui/</link>
		
		<dc:creator><![CDATA[designsosta-irosta]]></dc:creator>
		<pubDate>Sun, 03 Jan 2021 22:41:00 +0000</pubDate>
				<category><![CDATA[色彩の基礎知識]]></category>
		<category><![CDATA[GANTS]]></category>
		<category><![CDATA[明度]]></category>
		<category><![CDATA[色彩の心理効果]]></category>
		<category><![CDATA[軽い]]></category>
		<category><![CDATA[重い]]></category>
		<guid isPermaLink="false">https://irosta.com/?p=505</guid>

					<description><![CDATA[色を見ると人の心に影響があるの？ 色によって重く感じたり軽く感じたりするって本当？ この世界にはとにかく沢山に色がありますが、その色によって人は元気になったり、落ち着ついたり、興奮したり、様々な影響を受けます。 これを色 [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="veu_autoEyeCatchBox"><img width="750" height="463" src="https://irosta.com/wp-content/uploads/2021/01/omosa.png" class="attachment-large size-large wp-post-image" alt="" srcset="https://irosta.com/wp-content/uploads/2021/01/omosa.png 800w, https://irosta.com/wp-content/uploads/2021/01/omosa-300x185.png 300w, https://irosta.com/wp-content/uploads/2021/01/omosa-768x474.png 768w, https://irosta.com/wp-content/uploads/2021/01/omosa-600x371.png 600w" sizes="(max-width: 750px) 100vw, 750px" /></div>
<ul class="nomal"><li>色を見ると人の心に影響があるの？</li><li>色によって重く感じたり軽く感じたりするって本当？</li></ul>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">こんな疑問に、色彩ヲタクの猫仮面が答えていきます。</p></div>



<p>この世界にはとにかく沢山に色がありますが、その色によって人は元気になったり、落ち着ついたり、興奮したり、様々な影響を受けます。</p>



<p class="has-medium-font-size">これを<span class="marker-animation">色彩の心理効果</span>と言います。</p>



<p><strong>これは決してスピリチュアルなものではなくて、科学的に証明された法則なんですね。</strong></p>



<p>なのでこの色彩の心理効果を活用すれば人に<span class="marker-animation">与える印象をコントロール</span>することができるため、日常生活だけではなくエンターテイメントの分野でも当たり前のように使われています。</p>



<p>今回は物の重さの印象「重い色、軽い色」をご紹介します。</p>



<h2>本当の重さとは関係なく、そう見えてしまう</h2>



<p>今回のテーマは「重さ」なんですが、これは<span class="marker-animation">その物の本当の重さ（何キロとか何グラムとか）とは関係がありません</span>。</p>



<p>その物の<span class="marker-animation">表面の色によって、心が勝手に</span></p>



<ul class="nomal"><li>重く感じる</li><li>軽く感じる</li></ul>



<p>現象のことを指しています。</p>



<h2>重さをコントロールするのは色の明るさ</h2>



<p>どんな色を見ると重いと感じて、どんな色を見ると軽いと感じるんでしょうか。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/02.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">これにはハッキリとした法則があります。</p></div>



<p style="font-size:24px">重さをコントロールするのは<span class="marker-animation">明度</span>、つまり<span class="marker-animation">色の明るさ</span>なんです。</p>



<p style="font-size:24px">基本的には<span class="marker-animation">明るい色ほど軽く</span>見え、<span class="marker-animation">暗い色ほど重たく</span>見えます。</p>



<h2>重厚感という単語から連想する</h2>



<p><strong>重厚感</strong>という言葉を聞いて、どんなものを想像しますか？</p>



<p><strong>高級そうなアイテムや、重そうな扉</strong>などなど、人によっていろいろなものを思い浮かべる思いますが、その多くが<span class="marker-animation">比較的、暗い色合い</span>ではないでしょうか。</p>



<p>逆に<span class="marker-animation">重厚感と聞いて真っ白な何かを想像する人はあまりいない</span>はずです。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/05.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">こんな感じで、私たちは知らず知らずのうちに重さに関するイメージを持っているんですね～</p></div>



<h2>こんな風に応用される「GANTS」</h2>



<p>『GANTS（ガンツ）』という漫画を知っていますか？アニメ化、実写映画化、フル3DCGアニメ化もされた、奥浩哉先生原作の作品です。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">実写映画では二宮和也さんが主演でしたね。個人的にニノのシリアスな演技が好きd（強制終了</p></div>



<p>GANTSという作品の中で最も印象的な物と言えば<span class="marker-animation">『GANTS玉』と呼ばれる、直径1mの真っ黒な球体</span>。</p>



<p>このGANTS玉がマンションの一室にある様がものすごく異様で「これから何が起こるんだろう」という不安や恐怖を覚えるのと同時に、作品に対する期待が高まるわけです。</p>



<p>物語が進んでいくとこの球体の中から武器が出てきたり、表面に文字が表示されたり、物語の中で重要な役割を担っているんですが、<strong>最初は見た目の印象が情報の100%</strong>を占めることは言うまでもありません。</p>



<p class="has-medium-font-size"><span class="marker-animation">黒は全ての色の中で最も暗い色 = 最も重く見える色</span> ですから、<span class="marker-animation">「直径1mの真っ黒な球体」をパッと見て、軽そうだと思う人はまずいないはず</span>です。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/05.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">例えばあの球体が全然違う色だったら、作品から受ける印象もかなり違ったでしょうね</p></div>



<p><strong>黒という色を戦闘スーツ（GANTSスーツ）にも使用することで画面に多く配置、作品全体に重厚感</strong>を与えていました。色使いで重さのコントロールをしていた代表的な作品だと思います。</p>



<h2>今日の色彩知識まとめ</h2>



<ul class="matome"><li>多くの人がある色から共通して受ける印象のことを色彩の心理効果と呼ぶ</li><li>色彩の心理効果を使って物の重さ・軽さをコントロールすることもできる</li><li>重さの印象は主に色の明度（明るさ）によって左右される</li><li>色が明るいほど軽く見え、暗いほど重く見える ※ただし真っ白より少し柔らかい、クリーム色っぽい方軽く見えるよ</li><li>この重さの表現を上手く使って作られている作品もある（GANTSの例）</li></ul>



<p>今回はGANTSを例にとって重さの表現についてお話ししましたが、エンターテイメントにはこうやって色の基礎知識が生かされていることが沢山あるんですよね。</p>



<p>他の記事でもエンターテイメントを見るときに活きる色彩知識について解説しているので、是非 作品を楽しむための武器を身につけていただけたらと思います。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">それではまた！</p></div>
<section class="veu_cta" id="veu_cta-880"><h1 class="cta_title">Twitterあります</h1><div class="cta_body"><div class="cta_body_image cta_body_image_center"><a href="https://twitter.com/nekokamen_iro" target="_blank"><img src="https://irosta.com/wp-content/uploads/2021/03/t2-1.png" /></a></div><div class="cta_body_txt image_exist">「フォローしておくとエンタメを楽しむための色彩知識がついていく」Twitterアカウントを運営しています。ブログの更新情報の他にも、明日誰かに教えたくなる色彩ミニ知識などをツイートする予定です。<br/>ゆるっとフォローしてくださいまし=゜ω゜=♪</div><div class="cta_body_link"><a href="https://twitter.com/nekokamen_iro" class="btn btn-primary btn-block btn-lg" target="_blank"><i class="fab fa-twitter font_icon"></i> ちょっと見てみる</a></div></div><!-- [ /.vkExUnit_cta_body ] --></section>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>イメージのコントロールの基本！配色の鍵になる『トーン』</title>
		<link>https://irosta.com/kiso-tone/</link>
		
		<dc:creator><![CDATA[designsosta-irosta]]></dc:creator>
		<pubDate>Sat, 06 Jun 2020 03:52:00 +0000</pubDate>
				<category><![CDATA[色彩の基礎知識]]></category>
		<guid isPermaLink="false">https://irosta.com/?p=27</guid>

					<description><![CDATA[色の3属性を1つの表にした「トーン図」。これをマスターすると論理的に綺麗な配色が作れるようになります。]]></description>
										<content:encoded><![CDATA[<div class="veu_autoEyeCatchBox"><img width="750" height="463" src="https://irosta.com/wp-content/uploads/2020/05/midashi_tone.png" class="attachment-large size-large wp-post-image" alt="" srcset="https://irosta.com/wp-content/uploads/2020/05/midashi_tone.png 800w, https://irosta.com/wp-content/uploads/2020/05/midashi_tone-300x185.png 300w, https://irosta.com/wp-content/uploads/2020/05/midashi_tone-768x474.png 768w, https://irosta.com/wp-content/uploads/2020/05/midashi_tone-600x371.png 600w" sizes="(max-width: 750px) 100vw, 750px" /></div>
<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">こんにちは！色彩ヲタクの猫仮面です。</p></div>



<p>この記事は</p>



<ul class="nomal"><li>色を勉強するのは初めて</li><li>色相、彩度、明度を勉強したから、トーンについて理解したい</li><li>エンターテイメントをもっと深く理解するために色の勉強をしたい</li></ul>



<p>という方のために書かれています。</p>



<p>読み終わると、色を作り出すために大切な3つの要素である<span class="marker-animation">色相・彩度・明度</span>のうち、3つめの<span class="marker-animation">明度（めいど）</span>がわかるようになります。</p>



<p>読み終わると、<span class="marker-animation">作品のイメージコントロールに大きく影響しているトーン</span>について理解できます。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">自分が好きな色んな作品をイメージしながら読むと面白いと思うな</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">基礎知識の最後の項目だね！</p></div>



<h2>トーンとは調子、印象</h2>



<p>よく「この作家さんのトーンは」とか「あの声のトーンがさ」とか「最初から最後までトーンが同じで」…という感じで<span class="marker-animation">トーン</span>という言葉を耳にすることがありますよね。</p>



<p><span class="marker-animation">トーンとは「調子」という意味</span>で、色彩の世界はもちろん<span class="marker-animation">「色の調子」のこと</span>です。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/02.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content"><strong>「印象」</strong>とも言い換えられるよ</p></div>



<h2>トーン図は色相・彩度・明度の掛け合わせ</h2>



<p class="has-medium-font-size">色彩の世界には<span class="marker-animation">トーン図</span>というものすごく便利な図が存在します。</p>



<p>これが<strong>綺麗な配色をするための基礎になる、ありがたい図</strong>なんです。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/tone-1-1024x683.png" alt="" class="wp-image-256" srcset="https://irosta.com/wp-content/uploads/2020/06/tone-1-1024x683.png 1024w, https://irosta.com/wp-content/uploads/2020/06/tone-1-300x200.png 300w, https://irosta.com/wp-content/uploads/2020/06/tone-1-768x512.png 768w, https://irosta.com/wp-content/uploads/2020/06/tone-1.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content"><strong>色相・彩度・明度のページでも「これが基礎です！」って言ってた</strong>よね…基礎基礎詐欺みたいになってるけども</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/04.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">確かにそれは否定できない…んだけど、<strong>トーン図をよく見たら納得してもらえるはず！</strong></p></div>



<ul class="nomal"><li>1つ1つの円は、色相環（色相がぐるっと一周した円）</li><li>横軸は彩度（鮮やかさ）</li><li>縦軸は明度（明るさ）</li></ul>



<p>でできています。つまり<span class="marker-animation">今まで押さえてきた有彩色・無彩色、色相、彩度、明度の「色の3属性」はこのトーン図を理解するためのもの</span>だったんですね。</p>



<p class="emphasize-link">もしこの記事から読み始めた方で、色の3属性について理解しておきたい方はこの記事をどうぞ。<a href="https://irosta.com/yusaisyoku-musaisyoku/">モノトーンはその他の色とは別のグループ？「有彩色と無彩色」</a><br><a href="https://irosta.com/zokusei-shikisoukan/">【色の３属性①】色味の違い『色相』と『色相環』</a><br><a href="https://irosta.com/zokusei-saido/">【色の３属性②】鮮やかさの度合い『彩度』</a><br><a href="https://irosta.com/zokusei-meido/">【色の３属性③】色の明るさ『明度』</a></p>



<p>では詳しく見ていきましょう。</p>



<h2>わかる！トーン図</h2>



<h3>色相（色相環）</h3>



<p>まず一番右の円だけを見てみましょう。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/tone_2-1024x1010.png" alt="" class="wp-image-257" srcset="https://irosta.com/wp-content/uploads/2020/06/tone_2-1024x1010.png 1024w, https://irosta.com/wp-content/uploads/2020/06/tone_2-300x296.png 300w, https://irosta.com/wp-content/uploads/2020/06/tone_2-768x757.png 768w, https://irosta.com/wp-content/uploads/2020/06/tone_2.png 1216w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><span class="marker-animation">色相</span>のページで勉強した<span class="marker-animation">色相環</span>になっていますね。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/tone-1-1024x683.png" alt="" class="wp-image-256" srcset="https://irosta.com/wp-content/uploads/2020/06/tone-1-1024x683.png 1024w, https://irosta.com/wp-content/uploads/2020/06/tone-1-300x200.png 300w, https://irosta.com/wp-content/uploads/2020/06/tone-1-768x512.png 768w, https://irosta.com/wp-content/uploads/2020/06/tone-1.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>次に図の全体を見てみると<span class="marker-animation">他の円も色の明るさや鮮やかさが少しずつ違う色相環</span>であることがわかるます。</p>



<h3>トーンの名前と記号</h3>



<p>色相環の中に描いてあるのは、<span class="marker-animation">トーンを表記する際の略記号</span>です。</p>



<p>例に挙げた一番右のトーンは、記号が<strong>V</strong>の<strong>ビビットトーン</strong>です。</p>



<p class="has-text-align-left">ライト、ソフト、ダーク、ディープなど日常でも使うようなわかりやすい名前も多いですね。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">ファッションが好きな人なら、<strong>gのグレイッシュ</strong>とかも馴染みがあるかも</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content"><strong>dkgのダークグレイッシュ</strong>とか、必殺技みたいじゃない？！なんかカッコイイ！</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-think"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/02.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">言われてみれば、確かに聖闘士星矢っぽい…か…？</p></div>



<h3>彩度</h3>



<p>今度は<strong>図の横軸</strong>に注目してみましょう。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/tone_3-1024x683.png" alt="" class="wp-image-258" srcset="https://irosta.com/wp-content/uploads/2020/06/tone_3-1024x683.png 1024w, https://irosta.com/wp-content/uploads/2020/06/tone_3-300x200.png 300w, https://irosta.com/wp-content/uploads/2020/06/tone_3-768x512.png 768w, https://irosta.com/wp-content/uploads/2020/06/tone_3.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-medium-font-size"><span class="marker-animation">横軸は彩度</span>、つまり<span class="marker-animation">鮮やかさの度合い</span>になっています。</p>



<p><strong>右にいくほど鮮やか</strong>な色相環、<strong>左にいくほど無彩色に</strong>近づいていきますね。</p>



<p>なので<strong>一番左には彩度が全くない、無彩色</strong>が並んでいます。</p>



<p>この彩度の違いを、トーン図の中で<span class="marker-animation">高彩度・中彩度・低彩度</span>と3つのブロックに分けて表現します。</p>



<h3>明度</h3>



<p>次は<strong>縦軸</strong>を見てみましょう。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/tone_4-1024x683.png" alt="" class="wp-image-259" srcset="https://irosta.com/wp-content/uploads/2020/06/tone_4-1024x683.png 1024w, https://irosta.com/wp-content/uploads/2020/06/tone_4-300x200.png 300w, https://irosta.com/wp-content/uploads/2020/06/tone_4-768x512.png 768w, https://irosta.com/wp-content/uploads/2020/06/tone_4.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-medium-font-size"><span class="marker-animation">縦軸は明度</span>、つまり<span class="marker-animation">明るさの度合い</span>になっています。</p>



<p><strong>上にいくほど明るく、下に行くほど暗く</strong>なっていきますね。</p>



<p>先ほどの彩度と同じく、トーン図の中で<span class="marker-animation">高明度・中明度・低明度</span>と3つのブロックに分けて表現します。</p>



<h2>超重要！トーンのイメージ語</h2>



<p>トーンの全体像がつかめたでしょうか。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/05.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content"><strong>で！ここからが本題なの！！</strong></p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content"><strong>え、今までの全部前振りなん！？！？</strong></p></div>



<p>トーンは<strong>有彩色12種類＋無彩色3種類の合計15種類</strong>。</p>



<p class="has-medium-font-size"><strong>この1つ1つにそのトーンをイメージする言葉が割り当てられています。</strong></p>



<p>実はこれが<span class="marker-animation">エンターテイメントをもっと深く楽しみたい方に、ぜひ覚えておいていただきたい項目</span>なんです。</p>



<h3>トーンのイメージ語を知るとものづくりが楽しくなる</h3>



<p>トーンにはそれぞれ<span class="marker-animation">イメージ語</span>が存在します。</p>



<p class="has-medium-font-size"><strong>「自分が好きな作品の世界観」と「トーンのイメージ語」を照らし合わせつつ見ていくと、色んな発見があるはずです。</strong></p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name">せいや　新米デザイナー</figcaption></figure></div><p class="vk_balloon_content">えーーー！！<strong>そうなんだ！？</strong>なんか占いみたいじゃない！？</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/05.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">そうだねぇ、占いっていうよりもっと論理的なものなんだよね。<span class="marker-animation">「イメージ」っていう掴みにくいものがハッキリ言語化されている</span>ことが、すごく大きなポイントなんだよ。</p></div>



<h3>トーンのイメージ語</h3>



<h4>v：ビビット</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/06/tone_2-1024x1010.png" alt="" class="wp-image-257" srcset="https://irosta.com/wp-content/uploads/2020/06/tone_2-1024x1010.png 1024w, https://irosta.com/wp-content/uploads/2020/06/tone_2-300x296.png 300w, https://irosta.com/wp-content/uploads/2020/06/tone_2-768x757.png 768w, https://irosta.com/wp-content/uploads/2020/06/tone_2.png 1216w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>さえた</strong><br>鮮やかな<br>派手な<br>目立つ<br>活き活きした</p>
</div></div>



<h4>b：ブライト</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/06/t_b.png" alt="" class="wp-image-264" srcset="https://irosta.com/wp-content/uploads/2020/06/t_b.png 714w, https://irosta.com/wp-content/uploads/2020/06/t_b-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/t_b-150x150.png 150w" sizes="(max-width: 714px) 100vw, 714px" /></figure><div class="wp-block-media-text__content">
<p class="has-text-align-left has-normal-font-size"><strong>明るい</strong><br>健康的な<br>陽気な<br>華やかな</p>
</div></div>



<h4>s：ストロング</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/05/t_s.png" alt="" class="wp-image-275" srcset="https://irosta.com/wp-content/uploads/2020/05/t_s.png 550w, https://irosta.com/wp-content/uploads/2020/05/t_s-294x300.png 294w" sizes="(max-width: 550px) 100vw, 550px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>強い</strong><br>くどい<br>動的な<br>情熱的な</p>
</div></div>



<h4>dp：ディープ</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/06/t_dp.png" alt="" class="wp-image-268" srcset="https://irosta.com/wp-content/uploads/2020/06/t_dp.png 714w, https://irosta.com/wp-content/uploads/2020/06/t_dp-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/t_dp-150x150.png 150w" sizes="(max-width: 714px) 100vw, 714px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>深い</strong><br>濃い<br>充実した<br>伝統的な<br>和風の</p>
</div></div>



<h4>lt：ライト</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/06/t_lt.png" alt="" class="wp-image-270" srcset="https://irosta.com/wp-content/uploads/2020/06/t_lt.png 714w, https://irosta.com/wp-content/uploads/2020/06/t_lt-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/t_lt-150x150.png 150w" sizes="(max-width: 714px) 100vw, 714px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>浅い</strong><br>澄んだ<br>子供っぽい<br>さわやかな<br>楽しい</p>
</div></div>



<h4>sf：ソフト</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/06/t_sf.png" alt="" class="wp-image-274" srcset="https://irosta.com/wp-content/uploads/2020/06/t_sf.png 714w, https://irosta.com/wp-content/uploads/2020/06/t_sf-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/t_sf-150x150.png 150w" sizes="(max-width: 714px) 100vw, 714px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>柔らかな</strong><br>穏やかな<br>ぼんやりした</p>
</div></div>



<h4>d：ダル</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/06/t_d.png" alt="" class="wp-image-265" srcset="https://irosta.com/wp-content/uploads/2020/06/t_d.png 714w, https://irosta.com/wp-content/uploads/2020/06/t_d-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/t_d-150x150.png 150w" sizes="(max-width: 714px) 100vw, 714px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>鈍い</strong><br>くすんだ<br>中間色的</p>
</div></div>



<h4>dk：ダーク</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/06/t_dk.png" alt="" class="wp-image-266" srcset="https://irosta.com/wp-content/uploads/2020/06/t_dk.png 714w, https://irosta.com/wp-content/uploads/2020/06/t_dk-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/t_dk-150x150.png 150w" sizes="(max-width: 714px) 100vw, 714px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>暗い</strong><br>大人っぽい<br>丈夫な<br>円熟した</p>
</div></div>



<h4>p：ペール</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/06/t_p.png" alt="" class="wp-image-272" srcset="https://irosta.com/wp-content/uploads/2020/06/t_p.png 714w, https://irosta.com/wp-content/uploads/2020/06/t_p-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/t_p-150x150.png 150w" sizes="(max-width: 714px) 100vw, 714px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>薄い</strong><br>軽い<br>あっさりした<br>弱い<br>女性的<br>若々しい<br>優しい<br>淡い<br>かわいい</p>
</div></div>



<h4>ltg：ライトグレイッシュ</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/06/t_ltg.png" alt="" class="wp-image-271" srcset="https://irosta.com/wp-content/uploads/2020/06/t_ltg.png 714w, https://irosta.com/wp-content/uploads/2020/06/t_ltg-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/t_ltg-150x150.png 150w" sizes="(max-width: 714px) 100vw, 714px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>明るい灰みの</strong><br>落ち着いた<br>渋い<br>おとなしい</p>
</div></div>



<h4>g：グレイッシュ</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/06/t_g.png" alt="" class="wp-image-269" srcset="https://irosta.com/wp-content/uploads/2020/06/t_g.png 714w, https://irosta.com/wp-content/uploads/2020/06/t_g-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/t_g-150x150.png 150w" sizes="(max-width: 714px) 100vw, 714px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>灰みの</strong><br>濁った<br>地味な</p>
</div></div>



<h4>dkg：ダークグレイッシュ</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/06/t_dkg.png" alt="" class="wp-image-267" srcset="https://irosta.com/wp-content/uploads/2020/06/t_dkg.png 714w, https://irosta.com/wp-content/uploads/2020/06/t_dkg-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/t_dkg-150x150.png 150w" sizes="(max-width: 714px) 100vw, 714px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>暗い灰みの</strong><br>陰気な<br>重い<br>固い<br>男性的</p>
</div></div>



<h4>W：ホワイト</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/05/t_W.png" alt="" class="wp-image-279" srcset="https://irosta.com/wp-content/uploads/2020/05/t_W.png 705w, https://irosta.com/wp-content/uploads/2020/05/t_W-300x123.png 300w" sizes="(max-width: 705px) 100vw, 705px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>清潔な</strong><br>冷たい<br>新鮮な</p>
</div></div>



<h4>Gy：グレイ</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/05/t_Gy.png" alt="" class="wp-image-280" srcset="https://irosta.com/wp-content/uploads/2020/05/t_Gy.png 705w, https://irosta.com/wp-content/uploads/2020/05/t_Gy-295x300.png 295w" sizes="(max-width: 705px) 100vw, 705px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>スモーキーな</strong><br>しゃれた<br>寂しい</p>
</div></div>



<h4>Bk：ブラック</h4>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="https://irosta.com/wp-content/uploads/2020/05/t_Bk.png" alt="" class="wp-image-281" srcset="https://irosta.com/wp-content/uploads/2020/05/t_Bk.png 705w, https://irosta.com/wp-content/uploads/2020/05/t_Bk-300x123.png 300w" sizes="(max-width: 705px) 100vw, 705px" /></figure><div class="wp-block-media-text__content">
<p class="has-normal-font-size"><strong>高級な</strong><br>フォーマルな<br>シックな<br>オシャレな<br>締まった</p>
</div></div>



<h2>トーンの中の色を的確に伝える方法</h2>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">今度 仕事で<strong>「落ち着いた」男性</strong>がターゲットのポスターを作るんだけど…</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/02.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">ltg（ライトグレイッシュ）がまさに「落ち着いた」ってイメージ語を持っているね。</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">じゃあライトグレイッシュの中でも<strong>青っぽい色</strong>を使いたいんだけど、この<strong>色指定ってどうやって人に伝えたらいいの？</strong></p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">おぉ、珍しくめちゃくちゃ良い質問！！</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-think"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">珍しく…</p></div>



<p>トーンを含めた表示方法を覚えると、的確な色を人に伝えたり、自分で覚えておくのも便利になります。</p>



<h3>色相番号を思い出そう</h3>



<p>ここで役に立つのが色相のページで出てきた<span class="marker-animation">色相番号</span>です。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/tone_2-1024x1010.png" alt="" class="wp-image-257" srcset="https://irosta.com/wp-content/uploads/2020/06/tone_2-1024x1010.png 1024w, https://irosta.com/wp-content/uploads/2020/06/tone_2-300x296.png 300w, https://irosta.com/wp-content/uploads/2020/06/tone_2-768x757.png 768w, https://irosta.com/wp-content/uploads/2020/06/tone_2.png 1216w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><strong>色相には1～24まで数字が振ってありました</strong>ね。</p>



<p>図はV（ビビット）トーンの例ですが、<span class="marker-animation">どのトーンでも同じように赤なら2、黄色なら8、青なら18と共通した数字が振られています</span>。</p>



<h3>トーンの略記号+色相番号</h3>



<p>というわけで、先ほど出てきた<span class="marker-animation">トーンの略記号と、色相番号を合わせる</span>と色を的確に伝えることができます。</p>



<p class="has-medium-font-size">例えば<strong>ライトグレイッシュの青</strong>なら<strong><span class="marker-animation">ltg18</span></strong>になります。</p>



<p class="has-medium-font-size">無彩色の場合は、<span class="marker-animation">白をW</span>、<span class="marker-animation">黒をBk</span>、グレーはその明度によって<span class="marker-animation">Gy-3.5</span>など<strong>Gyのあとに明度の数値</strong>を書き添えて表現します。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">これで有彩色288色と、無彩色が誤差なく伝えられるんだ</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">そうそう。<strong>これに対応したカラーカード</strong>も発売されているから、例えばイラストを描くときや、アクセサリーを作るときとかにも、そういうカラーカードを合わせて使うのも良いかもね！</p></div>



<h2>まとめ</h2>



<ul class="matome"><li>トーンは色の調子（印象）がまとまったもの</li><li>1つ1つのトーンは色相環になっている</li><li>トーン図の横軸は彩度、縦軸は明度</li><li>トーンにはそれぞれ名前とイメージ語がある</li><li>作りたい世界観とイメージ語を照らし合わせれば、作品全体の印象をコントロールできる</li><li>有彩色ならトーンの略記号+色相番号、無彩色ならW、Bk、Gy- +明度の数値で色を的確に指定できる</li></ul>



<h2>センスという言葉に惑わされない知識</h2>



<p>この記事で<strong>「色彩の基礎知識」</strong>のカテゴリーを読み終わった方、お疲れさまでした！！</p>



<p class="has-medium-font-size">これで<span class="marker-animation">センスという言葉に惑わされず、色を論理的に理解するための準備</span>が整いました。</p>



<p class="has-medium-font-size">このサイトでは<span class="marker-animation">様々なエンタメ作品の色彩考察</span>や、<span class="marker-animation">日常の中にある色の働き</span>について取り上げていきます。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">引き続き、お楽しみください！</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">俺、もう色彩マスター！！ひゃっはぁ！！</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-think"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/02.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">最初とえらい違いだな…キャラが崩壊してる…。</p></div>



<div style="height:131px" aria-hidden="true" class="wp-block-spacer"></div>
<section class="veu_cta" id="veu_cta-880"><h1 class="cta_title">Twitterあります</h1><div class="cta_body"><div class="cta_body_image cta_body_image_center"><a href="https://twitter.com/nekokamen_iro" target="_blank"><img src="https://irosta.com/wp-content/uploads/2021/03/t2-1.png" /></a></div><div class="cta_body_txt image_exist">「フォローしておくとエンタメを楽しむための色彩知識がついていく」Twitterアカウントを運営しています。ブログの更新情報の他にも、明日誰かに教えたくなる色彩ミニ知識などをツイートする予定です。<br/>ゆるっとフォローしてくださいまし=゜ω゜=♪</div><div class="cta_body_link"><a href="https://twitter.com/nekokamen_iro" class="btn btn-primary btn-block btn-lg" target="_blank"><i class="fab fa-twitter font_icon"></i> ちょっと見てみる</a></div></div><!-- [ /.vkExUnit_cta_body ] --></section>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【色の３属性③】色の明るさ『明度』</title>
		<link>https://irosta.com/zokusei-meido/</link>
		
		<dc:creator><![CDATA[designsosta-irosta]]></dc:creator>
		<pubDate>Fri, 05 Jun 2020 03:50:00 +0000</pubDate>
				<category><![CDATA[色彩の基礎知識]]></category>
		<guid isPermaLink="false">https://irosta.com/?p=25</guid>

					<description><![CDATA[色の3属性、3つめ『明度』。読んで字のごとく、色の明るさのことです。例えば「赤とピンク」「青と紺」の違いは明度の違いなんですよ。]]></description>
										<content:encoded><![CDATA[<div class="veu_autoEyeCatchBox"><img width="750" height="463" src="https://irosta.com/wp-content/uploads/2020/05/meido.png" class="attachment-large size-large wp-post-image" alt="" srcset="https://irosta.com/wp-content/uploads/2020/05/meido.png 800w, https://irosta.com/wp-content/uploads/2020/05/meido-300x185.png 300w, https://irosta.com/wp-content/uploads/2020/05/meido-768x474.png 768w, https://irosta.com/wp-content/uploads/2020/05/meido-600x371.png 600w" sizes="(max-width: 750px) 100vw, 750px" /></div>
<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">こんにちは！色彩ヲタクの猫仮面です。</p></div>



<ul class="nomal"><li>色を勉強するのは初めて</li><li>エンターテイメントをもっと深く理解するために色の勉強をしたい</li><li>明度ってなに？読み方は？</li></ul>



<p>という方のために書かれています。</p>



<p>読み終わると、色を作り出すために大切な3つの要素である<span class="marker-animation">色相・彩度・明度</span>のうち、3つめの<span class="marker-animation">明度（めいど）</span>がわかるようになります。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content"><strong>これはさすがに分かりやすいね。色の明るさについてでしょ？！</strong>　…だよね？</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">正解！色の3属性の中で、一番わかりやすい項目だね</p></div>



<h2>明度とは色の明るさのこと</h2>



<p>明度とは<span class="marker-animation">その色が持つ明るさの度合い</span>のことです。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/meido_1.png" alt="" class="wp-image-238" srcset="https://irosta.com/wp-content/uploads/2020/06/meido_1.png 800w, https://irosta.com/wp-content/uploads/2020/06/meido_1-300x242.png 300w, https://irosta.com/wp-content/uploads/2020/06/meido_1-768x620.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>どの色相でも、<span class="marker-animation">明度をどんどん高くしていくと最後には白</span>に、逆に<span class="marker-animation">明度をどんどん低くしていくと黒に</span>なります。</p>



<h3>あの色はあの色との明度差でできている？</h3>



<p>例えば日常でもよくつかわれる<strong>水色</strong>と<strong>紺色</strong>ですが、これは<strong>青の色相の明度が高いものと低いもの</strong>です。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/meido_3.png" alt="" class="wp-image-239" srcset="https://irosta.com/wp-content/uploads/2020/06/meido_3.png 800w, https://irosta.com/wp-content/uploads/2020/06/meido_3-300x115.png 300w, https://irosta.com/wp-content/uploads/2020/06/meido_3-768x294.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content"><strong>なんとな～く同じくくりの色だってわかっていたけど、論理的に言うと「明度の高さの違い」</strong>なのか！</p></div>



<p>同じように、<strong>赤</strong>の明度を高くしていくと<strong>ピンク</strong>になります。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/meido_2.png" alt="" class="wp-image-240" srcset="https://irosta.com/wp-content/uploads/2020/06/meido_2.png 800w, https://irosta.com/wp-content/uploads/2020/06/meido_2-300x113.png 300w, https://irosta.com/wp-content/uploads/2020/06/meido_2-768x290.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/05.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">同じ色相でも<strong>明度や彩度を変えるだけで、普段何気なく使っている別の色になる</strong>から面白いよね。</p></div>



<h2>どんな色にも明度がある</h2>



<h3>無彩色の明度（グレースケール）</h3>



<p>全ての色は明度の情報を持っています。</p>



<p>無彩色で考えると一番明るい色は「白」、一番暗い色は「黒」ですね。</p>



<p>この<span class="marker-animation">白と黒を段階的な灰色でつないだものを「グレースケール」</span>と呼びます。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/meido_4.png" alt="" class="wp-image-241" srcset="https://irosta.com/wp-content/uploads/2020/06/meido_4.png 800w, https://irosta.com/wp-content/uploads/2020/06/meido_4-300x114.png 300w, https://irosta.com/wp-content/uploads/2020/06/meido_4-768x293.png 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>色相・彩度の情報を持たない、明度だけで作られた「グレースケール」</figcaption></figure>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">ひとくちにグレーって言っても結構幅があるね</p></div>



<h3>有彩色の明度</h3>



<p>白～灰色～黒の図はイメージしやすいですが有彩色、つまり白や黒以外の全ての色にも明度があります。</p>



<p>下の色をパッと見て、どれが一番明るい色だかわかりますか？</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/meido_5.png" alt="" class="wp-image-242" srcset="https://irosta.com/wp-content/uploads/2020/06/meido_5.png 800w, https://irosta.com/wp-content/uploads/2020/06/meido_5-300x101.png 300w, https://irosta.com/wp-content/uploads/2020/06/meido_5-768x258.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">パッと目に入ってくる、あの色かな？</p></div>



<p>最初は中々感覚がつかめないかもしれませんが、これを<strong>グレースケール、つまりモノクロに変換してみると</strong>すぐにわかります。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/meido_6.png" alt="" class="wp-image-243" srcset="https://irosta.com/wp-content/uploads/2020/06/meido_6.png 800w, https://irosta.com/wp-content/uploads/2020/06/meido_6-300x188.png 300w, https://irosta.com/wp-content/uploads/2020/06/meido_6-768x480.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>はい、この色の中では<span class="marker-animation">黄色が一番明度が高い</span>という事がわかりましたね。</p>



<p>ちなみにですが、この問題のように<span class="marker-animation">黄色というのはどの色相（色味）よりも基本的に明度が高い＝明るい色だと覚えておくと便利</span>です。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/02.png" alt=""/><figcaption class="vk_balloon_icon_name">あおい 色彩のプロ</figcaption></figure></div><p class="vk_balloon_content">逆にどの色相よりも暗いのは、実は青～紫あたりの色なんだよ。</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">これもなんとなくの見た目じゃなくて、論理的に理解しておいた方がいいんだね。</p></div>



<h2>ものづくりで重要な要素「明度差」</h2>



<p><span class="marker-animation">複数の色が持つ明度の差を明度差</span>と呼びます。（そのままですね）</p>



<p class="has-medium-font-size">これは<strong>安全性やデザイン性</strong>を考えても<strong>とても重要</strong>な考え方なんです。</p>



<p>下の図の<strong>背景の色と文字の色</strong>は、<strong>色相（色味）は全然違うんですが、ほぼ同じ明るさを持つ色</strong>です。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/meido_7.png" alt="" class="wp-image-245" srcset="https://irosta.com/wp-content/uploads/2020/06/meido_7.png 800w, https://irosta.com/wp-content/uploads/2020/06/meido_7-300x150.png 300w, https://irosta.com/wp-content/uploads/2020/06/meido_7-768x385.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>赤っぽい色と緑っぽい色って、合いそうな気がしますけど…<strong>おかしいですね。ものすごく読みにくいです。</strong></p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">いやっ、ちょっ…<strong>めっちゃチカチカする！！</strong><br>僕、疲れているみたいだから帰るね…。</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/05.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">ちょいまちっ！<br>それ目の疲れじゃなくて、<strong>背景と文字の<span class="marker-animation">明度差</span>のせいなんだよ</strong></p></div>



<p><span class="has-inline-color has-vivid-red-color">※</span>実際こういうデザインをしてしまっている制作物って結構あるんですよ。デザイナーとして仕事を始めたばかりの方には特に多いです。</p>



<p class="has-medium-font-size">こんな時は<strong>明度に着目して、読みやすく</strong>してみましょう。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/meido_8.png" alt="" class="wp-image-246" srcset="https://irosta.com/wp-content/uploads/2020/06/meido_8.png 800w, https://irosta.com/wp-content/uploads/2020/06/meido_8-300x282.png 300w, https://irosta.com/wp-content/uploads/2020/06/meido_8-768x723.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p class="has-medium-font-size"><strong>色相はそのまま</strong>で、<strong>文字の明度を高く（明るく）</strong>してみました。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">うぉ！？チカチカしなくなった！！魔法！？</p></div>



<p>こうやって、<span class="marker-animation">背景と文字の明度差をつけてあげることで、それぞれの色が認識しやすくなることは是非覚えておいてほしいテクニック</span>です。</p>



<blockquote class="wp-block-quote"><p>これとは逆の発想で、意図的に明度差を少なくして似たような色を組み合わせてお洒落な配色をすることももちろん可能です。<br>ですが、基本を知っていてそれを使うのと、ただなんとなくお洒落だから使うのでは全く意味合いが違ってきますよね。</p></blockquote>



<h2>まとめ</h2>



<ul class="matome"><li>明度とは色の持つ明るさのこと</li><li>どんな色でも明度の情報を持っている</li><li>どんな色でも明度を上げていけば最終的に白になり、明度を下げていけば最終的に黒になる</li><li>「紺→青→水色」や「赤→ピンク」など、日常よく使う色の中には基本色の明度差だけで作られている色もある</li><li>背景の色と文字の色の明度差が少ないと、とても読みにくい。物を作るときに配色が必要な場合は、明度差を意識する。</li></ul>



<p>これで色の3属性、<span class="marker-animation">色相、彩度、明度</span>のお話しが終わりました。次はいよいよ3属性すべての合わせ技、<span class="marker-animation">トーン</span>のお話し。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">トーンを知るとあらゆるエンタメ作品で「あれってそうだったんだ」って発見があるから、絶対知っておいて欲しい！</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">トーンがわかれば基礎マスターしたってことだね</p></div>



<div style="height:54px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-block"><a href="https://irosta.com/kiso-tone/" id="vk_button_link" style="background-color:#39b626;border:1px solid #39b626" class="btn vk_button_link btn-primary btn-lg btn-block" role="button" aria-pressed="true" rel="noopener noreferrer"><span class="vk_button_link_txt">次の記事に進む</span><i class="fas fa-angle-double-right vk_button_link_after"></i><p class="vk_button_link_subCaption">配色の鍵になる『トーン』</p></a></div>



<div style="height:54px" aria-hidden="true" class="wp-block-spacer"></div>
<section class="veu_cta" id="veu_cta-880"><h1 class="cta_title">Twitterあります</h1><div class="cta_body"><div class="cta_body_image cta_body_image_center"><a href="https://twitter.com/nekokamen_iro" target="_blank"><img src="https://irosta.com/wp-content/uploads/2021/03/t2-1.png" /></a></div><div class="cta_body_txt image_exist">「フォローしておくとエンタメを楽しむための色彩知識がついていく」Twitterアカウントを運営しています。ブログの更新情報の他にも、明日誰かに教えたくなる色彩ミニ知識などをツイートする予定です。<br/>ゆるっとフォローしてくださいまし=゜ω゜=♪</div><div class="cta_body_link"><a href="https://twitter.com/nekokamen_iro" class="btn btn-primary btn-block btn-lg" target="_blank"><i class="fab fa-twitter font_icon"></i> ちょっと見てみる</a></div></div><!-- [ /.vkExUnit_cta_body ] --></section>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【色の３属性②】鮮やかさの度合い『彩度』</title>
		<link>https://irosta.com/zokusei-saido/</link>
		
		<dc:creator><![CDATA[designsosta-irosta]]></dc:creator>
		<pubDate>Sat, 16 May 2020 09:10:00 +0000</pubDate>
				<category><![CDATA[色彩の基礎知識]]></category>
		<guid isPermaLink="false">https://irosta.com/?p=23</guid>

					<description><![CDATA[色の3属性、2つめ『彩度』は鮮やかさの度合い。同じ赤でも目が冴えるような赤があれば、ちょっとくすんだ赤もありますよね。]]></description>
										<content:encoded><![CDATA[<div class="veu_autoEyeCatchBox"><img width="750" height="463" src="https://irosta.com/wp-content/uploads/2020/05/saido.png" class="attachment-large size-large wp-post-image" alt="" srcset="https://irosta.com/wp-content/uploads/2020/05/saido.png 800w, https://irosta.com/wp-content/uploads/2020/05/saido-300x185.png 300w, https://irosta.com/wp-content/uploads/2020/05/saido-768x474.png 768w, https://irosta.com/wp-content/uploads/2020/05/saido-600x371.png 600w" sizes="(max-width: 750px) 100vw, 750px" /></div>
<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">こんにちは！色彩ヲタクの猫仮面です。</p></div>



<ul class="nomal"><li>色を勉強するのは初めて</li><li>エンターテイメントをもっと深く理解するために色の勉強をしたい</li><li>彩度ってなに？読み方は？</li></ul>



<p>という方のために書かれています。</p>



<p>読み終わると、色を作り出すために大切な3つの要素である<span class="marker-animation">色相・彩度・明度</span>のうち、2つめの<span class="marker-animation">彩度（さいど）</span>がわかるようになります。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content"><strong>いろどりって字</strong>が入っているから、カラフルかどうかってことかなぁ？</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">そうそう！「彩」っていう字をカラフルっていうよりも<strong>鮮やかさ</strong>だと捉えるとわかりやすいかな</p></div>



<h2>彩度とは色の鮮やかさ</h2>



<p><span class="marker-animation">彩度（さいど）</span>と言われてパッとイメージが湧く方はあまりいないのではないでしょうか。</p>



<p>先ほども出てきた通り、彩度とは色の<span class="marker-animation">鮮やかさ</span>の度合いです。</p>



<h2>彩度の表現は「高い」「低い」</h2>



<p>彩度の<span class="marker-animation">度合いは高い・低い</span>という言葉で表します。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/image_saido_1.png" alt="" class="wp-image-232" srcset="https://irosta.com/wp-content/uploads/2020/06/image_saido_1.png 800w, https://irosta.com/wp-content/uploads/2020/06/image_saido_1-300x254.png 300w, https://irosta.com/wp-content/uploads/2020/06/image_saido_1-768x649.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h3>純色</h3>



<p>その色相の中で一番彩度の高い色を<span class="marker-animation">純色（純色）</span>と呼びます。</p>



<p>純色はよく「混じりけの無い色」とも表現されます。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">グレーがかってない、一番鮮やかな色が純色っていうのか</p></div>



<h3>無彩色</h3>



<p>どんな色相（色味）でも、<span class="marker-animation">彩度を一番低くすると無彩色</span>になります。</p>



<p>無彩色は白・灰色・黒の「色味がない色」の事を指します。（有彩色・無彩色の記事をご覧になっていない方はこちらをどうぞ）</p>



<p class="emphasize-link"><a href="https://irosta.com/yusaisyoku-musaisyoku/">モノトーンはその他の色とは別のグループ？「有彩色と無彩色」</a></p>



<p><strong>「鮮やかさが一番低くなると、グレーになる」</strong>と覚えておいてください。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/image_saido_2.png" alt="" class="wp-image-234" srcset="https://irosta.com/wp-content/uploads/2020/06/image_saido_2.png 800w, https://irosta.com/wp-content/uploads/2020/06/image_saido_2-300x284.png 300w, https://irosta.com/wp-content/uploads/2020/06/image_saido_2-768x726.png 768w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>それぞれの色相（色味）で彩度が一番高い色が「純色」、彩度が一番低い色が「無彩色」であるグレーになる。</figcaption></figure>



<h2>彩度だけで作る配色</h2>



<p>彩度の変化だけでも、配色を作ることができます。</p>



<p>先ほどの図のように、グレーからだんだん鮮やかになるようなグラデーション配色もその一つです。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">配色は難しい理論からだけじゃなくて、こういう「基本の基本」からも作られているんです</p></div>



<h2>まとめ</h2>



<ul class="matome"><li>彩度とは色の鮮やかさの度合い</li><li>高い、低いで表す</li><li>各色相（色味）で彩度が一番高い色は「純色」になる</li><li>彩度を一番低くすると「無彩色」になる</li><li>彩度だけでも配色を作ることができる</li></ul>



<p>次は色のもつ明るさ<span class="marker-animation">明度</span>についてのお話し。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">次の記事で<strong><span class="marker-animation">色相・彩度・明度</span>を制覇</strong>できるのか！</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">そう！そこまで理解すればかなりのレベルアップだよ</p></div>



<div style="height:54px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-block"><a href="https://irosta.com/zokusei-meido/" id="vk_button_link" style="background-color:#39b626;border:1px solid #39b626" class="btn vk_button_link btn-primary btn-lg btn-block" role="button" aria-pressed="true" rel="noopener noreferrer"><span class="vk_button_link_txt">次の記事に進む</span><i class="fas fa-angle-double-right vk_button_link_after"></i><p class="vk_button_link_subCaption">【色の３属性③】明度</p></a></div>



<div style="height:54px" aria-hidden="true" class="wp-block-spacer"></div>
<section class="veu_cta" id="veu_cta-880"><h1 class="cta_title">Twitterあります</h1><div class="cta_body"><div class="cta_body_image cta_body_image_center"><a href="https://twitter.com/nekokamen_iro" target="_blank"><img src="https://irosta.com/wp-content/uploads/2021/03/t2-1.png" /></a></div><div class="cta_body_txt image_exist">「フォローしておくとエンタメを楽しむための色彩知識がついていく」Twitterアカウントを運営しています。ブログの更新情報の他にも、明日誰かに教えたくなる色彩ミニ知識などをツイートする予定です。<br/>ゆるっとフォローしてくださいまし=゜ω゜=♪</div><div class="cta_body_link"><a href="https://twitter.com/nekokamen_iro" class="btn btn-primary btn-block btn-lg" target="_blank"><i class="fab fa-twitter font_icon"></i> ちょっと見てみる</a></div></div><!-- [ /.vkExUnit_cta_body ] --></section>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【色の３属性①】色味の違い『色相』と『色相環』</title>
		<link>https://irosta.com/zokusei-shikisoukan/</link>
		
		<dc:creator><![CDATA[designsosta-irosta]]></dc:creator>
		<pubDate>Sat, 16 May 2020 08:50:00 +0000</pubDate>
				<category><![CDATA[色彩の基礎知識]]></category>
		<guid isPermaLink="false">https://irosta.com/?p=19</guid>

					<description><![CDATA[色の3属性、1つめ『色相』のお話。大半の方が想像する「色の違い」そのものの、とても簡単な要素です。]]></description>
										<content:encoded><![CDATA[<div class="veu_autoEyeCatchBox"><img width="750" height="463" src="https://irosta.com/wp-content/uploads/2020/05/sikisoukan.png" class="attachment-large size-large wp-post-image" alt="" srcset="https://irosta.com/wp-content/uploads/2020/05/sikisoukan.png 800w, https://irosta.com/wp-content/uploads/2020/05/sikisoukan-300x185.png 300w, https://irosta.com/wp-content/uploads/2020/05/sikisoukan-768x474.png 768w, https://irosta.com/wp-content/uploads/2020/05/sikisoukan-600x371.png 600w" sizes="(max-width: 750px) 100vw, 750px" /></div>
<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">こんにちは！色彩ヲタクの猫仮面です。</p></div>



<p>この記事は</p>



<ul class="nomal"><li>色を勉強するのは初めて</li><li>エンターテイメントをもっと深く理解するために色の勉強をしたい</li><li>色の3属性ってなに？色相、色相環ってなに？</li></ul>



<p>という方のために書かれています。</p>



<p>読み終わると、色を作り出すために大切な3つの要素である<span class="marker-animation">色相・彩度・明度</span>のうち、1つめの<span class="marker-animation">色相（しきそう）</span>の意味が理解できます。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">色相は<strong>大半の方が想像する「色の違い」そのものの、とても簡単な要素</strong>なので気楽に読んでください</p></div>



<h2>色相とは色味のこと</h2>



<p>赤、青、黄色のように、<span class="marker-animation">一番イメージしやすい色味の違い</span>を色相（しきそう）と呼びます。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/05/image3.png" alt="" class="wp-image-207" srcset="https://irosta.com/wp-content/uploads/2020/05/image3.png 800w, https://irosta.com/wp-content/uploads/2020/05/image3-300x143.png 300w, https://irosta.com/wp-content/uploads/2020/05/image3-768x365.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>代表的な色相はそれぞれ、<span class="marker-animation">物や季節や温度など連想するイメージを持っています</span>。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name">せいや　新米デザイナー</figcaption></figure></div><p class="vk_balloon_content">赤といったらリンゴとかポストとか、青といったら空とか水とかセーラーマーキュリーとか、そういうこと？</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">最後に突然キャラクターがでてきてびっくりしたけど、そう、そういうことですね。はい。</p></div>



<h2>超重要！色相環</h2>



<p>こんな図を見たことがありますか？</p>



<figure class="wp-block-image size-large is-resized"><img src="https://irosta.com/wp-content/uploads/2020/06/image4_2.png" alt="" class="wp-image-226" width="773" height="738"/></figure>



<p class="has-medium-font-size">これは<span class="marker-animation">色相環（しきそうかん）</span>といって、<span class="marker-animation">色相（色味）の違いを 24段階 に分け、輪っか状に並べた</span>もの。</p>



<p>実はこの<strong>色相環が頭に入っているだけで、配色の知識を半分はおさえたといっても過言ではない</strong>、色を扱う時にものすごくお世話になる考え方です。</p>



<h3>色相環の読み解き方</h3>



<p>一番上にある黄色に8：Yという記号が書いてあります。</p>



<p>色相環の全ての色には、文字だけでもその色を正確に伝えることができるように<span class="marker-animation">色相番号</span>と<span class="marker-animation">色相の略記号</span>がついています。</p>



<p>例えば色相環の頂点にある黄色の<strong>8：Ｙ</strong>だと</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/06/image4__2.jpg" alt="" class="wp-image-332" srcset="https://irosta.com/wp-content/uploads/2020/06/image4__2.jpg 583w, https://irosta.com/wp-content/uploads/2020/06/image4__2-300x138.jpg 300w" sizes="(max-width: 583px) 100vw, 583px" /></figure>



<p style="font-size:25px"><strong>８</strong>[色相番号]<strong>：Ｙ</strong>[Yellowの略記号]</p>



<p>となります。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/02.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">色相環１週分、24色の番号と略記号はこんな感じ！</p></div>



<ul class="nomal_nonum"><li><span style="color:#d3134f" class="has-inline-color">◆</span><strong> 1:pR</strong>　purplish red　紫みの赤</li><li><span style="color:#f80032" class="has-inline-color">◆</span> <strong>2:R</strong>　red　赤</li><li><span style="color:#fc281d" class="has-inline-color">◆</span> <strong>3:yR</strong>　yellowish red　黄みの赤</li><li><span style="color:#ff3300" class="has-inline-color">◆</span> <strong>4:rO</strong>　reddish orange　赤みのだいだい</li><li><span style="color:#ff6600" class="has-inline-color">◆</span> <strong>5:O</strong>　orange　だいだい</li><li><span style="color:#ff8b00" class="has-inline-color">◆</span> <strong>6:yO</strong>　yellowish orange　黄みのだいだい</li><li><span style="color:#ffbe00" class="has-inline-color">◆</span> <strong>7:rY</strong>　reddish yellow　赤みの黄</li><li><span style="color:#fee600" class="has-inline-color">◆</span> <strong>8:Y</strong>　yellow　黄</li><li><span style="color:#daed08" class="has-inline-color">◆</span> <strong>9:gY</strong>　greenish yellow　緑みの黄</li><li><span style="color:#b2dc10" class="has-inline-color">◆</span> <strong>10:YG</strong>　yellow green　黄緑</li><li><span style="color:#73c13a" class="has-inline-color">◆</span><strong> </strong><strong>11:yG</strong>　yellowish green　黄みの緑</li><li><span style="color:#32a557" class="has-inline-color">◆</span> <strong>12:G</strong>　green　緑</li><li><span style="color:#1b9c66" class="has-inline-color">◆ </span><strong>13:bG</strong>　bluish green　青みの緑</li><li><span style="color:#00947e" class="has-inline-color">◆</span> <strong>14:BG</strong>　blue green　青緑</li><li><span style="color:#008489" class="has-inline-color">◆</span> <strong>15:BG</strong>　blue green　青緑</li><li><span style="color:#006881" class="has-inline-color">◆</span> <strong>16:gB</strong>　greenish blue　緑みの青</li><li><span style="color:#006a9d" class="has-inline-color">◆</span> <strong>17:B</strong>　blue　青</li><li><span style="color:#0071a1" class="has-inline-color">◆</span> <strong>18:B</strong>　blue　青</li><li><span style="color:#253c99" class="has-inline-color">◆</span> <strong>19:pB</strong>　purplish blue　紫みの青</li><li><span style="color:#3c258d" class="has-inline-color">◆</span> <strong>20:V</strong>　violet　青紫</li><li><span style="color:#561e8b" class="has-inline-color">◆</span> <strong>21:bP</strong>　bluish purple　青みの紫</li><li><span style="color:#6a1686" class="has-inline-color">◆</span> <strong>22:P</strong>　purple　紫</li><li><span style="color:#8c1070" class="has-inline-color">◆</span> <strong>23:rP</strong>　reddish purple　赤みの紫</li><li><span style="color:#af0158" class="has-inline-color">◆</span> <strong>24:RP</strong>　red purple　赤紫</li></ul>



<h2>色相環につまった沢山の情報</h2>



<p>色相環には、覚えておくと役に立つ情報がいくつも詰まっています。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">ここでは簡単な2つの考え方を紹介しますね</p></div>



<h3>寒色　暖色　中性色</h3>



<figure class="wp-block-image size-large is-resized"><img src="https://irosta.com/wp-content/uploads/2020/06/image6_2.png" alt="" class="wp-image-228" width="800" height="800" srcset="https://irosta.com/wp-content/uploads/2020/06/image6_2.png 800w, https://irosta.com/wp-content/uploads/2020/06/image6_2-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/image6_2-150x150.png 150w, https://irosta.com/wp-content/uploads/2020/06/image6_2-768x768.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>寒色と暖色という言葉は、日常の中でもよく耳にすると思います。</p>



<p><span class="marker-animation">暖色はその名の通り温かい印象を受ける色</span>です。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/05.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">黄色まで範囲に含まれているのがポイントなんです</p></div>



<p><span class="marker-animation">寒色は冷たい印象を受ける色</span>で、こちらもイメージより範囲が広いのではないでしょうか？</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">緑あたりまで、寒色に入んるんだなぁ、意外～</p></div>



<p><span class="marker-animation">暖色・寒色の含まれない色を、中性色</span>と呼びます。温度に関する印象を特に持たないのも特徴です。</p>



<p>どのあたりの範囲までを寒色、暖色とするかは考え方によって多少のばらつきがありますが、大まかなイメージだけでも是非覚えておいてくださいね。</p>



<h3>心理四原色</h3>



<p><span class="marker-animation">人間の持つ色の感覚の中で、基本的な4色</span>とされるのが『心理四原色』です。</p>



<p><span class="marker-animation">赤、黄、緑、青の4色</span>で、生活のなかでもなじみのある色だと思います。</p>



<p>色彩学では</p>



<ul class="nomal"><li>もっとも赤らしい赤</li><li>もっとも黄らしい黄</li><li>もっとも緑らしい緑</li><li>もっとも青らしい青</li></ul>



<p>と言い換えられたりします。</p>



<figure class="wp-block-image size-large is-resized"><img src="https://irosta.com/wp-content/uploads/2020/06/image7_2.png" alt="" class="wp-image-229" width="800" height="800" srcset="https://irosta.com/wp-content/uploads/2020/06/image7_2.png 800w, https://irosta.com/wp-content/uploads/2020/06/image7_2-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/image7_2-150x150.png 150w, https://irosta.com/wp-content/uploads/2020/06/image7_2-768x768.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2>色相環が配色を作るベースになる</h2>



<p>色相環を覚えておいた方がいい一番大きな理由は、<span class="marker-animation">配色を決めるときに色相環がベースになることが圧倒的に多いから</span>です。</p>



<p>色に興味がある方は聞いたことがあるかもしれない、<strong>補色（ほしょく）</strong>の考え方は<strong>色相環の知識をベースに作る配色の代表的な例</strong>です。</p>



<h3>補色（ほしょく）</h3>



<p>補色は<strong>色相環の反対側にある色同士</strong>のことです。</p>



<figure class="wp-block-image size-large is-resized"><img src="https://irosta.com/wp-content/uploads/2020/06/image8_2.png" alt="" class="wp-image-230" width="800" height="800" srcset="https://irosta.com/wp-content/uploads/2020/06/image8_2.png 800w, https://irosta.com/wp-content/uploads/2020/06/image8_2-300x300.png 300w, https://irosta.com/wp-content/uploads/2020/06/image8_2-150x150.png 150w, https://irosta.com/wp-content/uploads/2020/06/image8_2-768x768.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p><span class="marker-animation">完全に対極にある色なので、組み合わせるとお互いを邪魔せず引き立て合う</span>ことができます。</p>



<p>この他にも色相（色相環）を使った配色技法が沢山存在あるので、基本のカテゴリーの後に是非読んでみてください。</p>



<h2>色相環をすぐにイメージできるように</h2>



<p>多くの配色のベースになる色相環。いつでもパッとイメージできるようにしておくととても便利です。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">大まかにでも覚えられるようになるまでは、いつも見えるところに貼っておくといいかも！</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/03.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">私は昔、勉強のために色相環をPCの壁紙にしていたら「画面の表示テストしてるの？」って言われました。違う、そうじゃないんだ。</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">わからんでもない…</p></div>



<h2>まとめ</h2>



<ul class="matome"><li><span class="marker-animation">色味</span>のことを色相と呼ぶ</li><li>色相の違いを円のように1周させたものを<span class="marker-animation">色相環</span>と呼ぶ</li><li>色相環には沢山の情報が詰まっている</li><li>色相環は配色を作るためのベースになる考え方</li><li>色相環をすぐにイメージできるようになると便利</li></ul>



<p>次の記事は色の３属性、色相・彩度・明度の<span class="marker-animation">彩度</span>です！</p>



<div style="height:54px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-block"><a href="https://irosta.com/zokusei-saido/" id="vk_button_link" style="background-color:#39b626;border:1px solid #39b626" class="btn vk_button_link btn-primary btn-lg btn-block" role="button" aria-pressed="true" rel="noopener noreferrer"><span class="vk_button_link_txt">次の記事に進む</span><i class="fas fa-angle-double-right vk_button_link_after"></i><p class="vk_button_link_subCaption">【色の３属性②】彩度</p></a></div>



<div style="height:54px" aria-hidden="true" class="wp-block-spacer"></div>
<section class="veu_cta" id="veu_cta-880"><h1 class="cta_title">Twitterあります</h1><div class="cta_body"><div class="cta_body_image cta_body_image_center"><a href="https://twitter.com/nekokamen_iro" target="_blank"><img src="https://irosta.com/wp-content/uploads/2021/03/t2-1.png" /></a></div><div class="cta_body_txt image_exist">「フォローしておくとエンタメを楽しむための色彩知識がついていく」Twitterアカウントを運営しています。ブログの更新情報の他にも、明日誰かに教えたくなる色彩ミニ知識などをツイートする予定です。<br/>ゆるっとフォローしてくださいまし=゜ω゜=♪</div><div class="cta_body_link"><a href="https://twitter.com/nekokamen_iro" class="btn btn-primary btn-block btn-lg" target="_blank"><i class="fab fa-twitter font_icon"></i> ちょっと見てみる</a></div></div><!-- [ /.vkExUnit_cta_body ] --></section>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>モノトーンはその他の色とは別のグループ？「有彩色と無彩色」</title>
		<link>https://irosta.com/yusaisyoku-musaisyoku/</link>
		
		<dc:creator><![CDATA[designsosta-irosta]]></dc:creator>
		<pubDate>Sat, 16 May 2020 05:56:00 +0000</pubDate>
				<category><![CDATA[色彩の基礎知識]]></category>
		<category><![CDATA[基礎]]></category>
		<category><![CDATA[有彩色]]></category>
		<category><![CDATA[無彩色]]></category>
		<category><![CDATA[色の分類]]></category>
		<guid isPermaLink="false">https://irosta.com/?p=33</guid>

					<description><![CDATA[色を論理的に理解するための最初のステップ、入りの分類（有彩色と無彩色）について。]]></description>
										<content:encoded><![CDATA[<div class="veu_autoEyeCatchBox"><img width="750" height="463" src="https://irosta.com/wp-content/uploads/2020/05/yusaisyoku-musaisyoku.png" class="attachment-large size-large wp-post-image" alt="" srcset="https://irosta.com/wp-content/uploads/2020/05/yusaisyoku-musaisyoku.png 800w, https://irosta.com/wp-content/uploads/2020/05/yusaisyoku-musaisyoku-300x185.png 300w, https://irosta.com/wp-content/uploads/2020/05/yusaisyoku-musaisyoku-768x474.png 768w, https://irosta.com/wp-content/uploads/2020/05/yusaisyoku-musaisyoku-600x371.png 600w" sizes="(max-width: 750px) 100vw, 750px" /></div>
<p>綺麗な配色を作るには、<strong>この世界にある無数の色をどう分類できるのかを知る</strong>のが1つの近道です。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">こんにちは！色彩ヲタクの猫仮面です。</p></div>



<p>この記事は</p>



<ul class="nomal"><li>色について勉強するのは初めて</li><li>まず何から勉強したらいいかわからない</li><li>有彩色ってなんて読む？</li></ul>



<p>という方のために書かれています。</p>



<p>この記事では<span class="marker-animation">色について論理的に理解</span>するための最初の一歩、<span class="marker-animation">色を分類とは何か（有彩色と無彩色）</span>を解説しています。</p>



<p>エンタメ大好きな色彩ヲタク、猫仮面がナビゲートしますのでついてきてください！</p>



<h2>白、灰色、黒は特別？</h2>



<p>色には<span class="marker-animation">沢山の分類方法があります</span>が今回に学ぶのは基本の基本、<span class="marker-animation">有彩色（ゆうさいしょく）と無彩色（むさいしょく）</span>について。</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-medium-font-size">さっ！突然ですが、何でもいいので<strong>思いつく色を10個</strong>あげてください。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">え！赤、青、黄色、黒…白…紫とかあとは…</p></div>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/05/image.gif" alt="" class="wp-image-197"/></figure>



<p>パッと思いつく色の中に、<strong>白や黒</strong>も入っていたでしょうか？</p>



<p><strong>白・黒・灰色</strong>は他の赤や青や黄色と同じように扱われていますが、<strong>色彩学の中では少し違う存在</strong>だと認識されています。</p>



<h2>色を大きく2つのグループに分ける</h2>



<p>最も基本的な色の分類方法、<span class="marker-animation">有彩色（ゆうさいしょく）</span>と<span class="marker-animation">無彩色（むさいしょく）</span>について理解しましょう。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content"><strong>うわー、専門的な言葉出てきたー！</strong>ほらやっぱり難しいじゃんー！！もう帰る！！！</p></div>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/12/05.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">ちょいまち！今帰られたら展開が早すぎる！！<br>大丈夫、<strong>漢字をよーく見て！</strong></p></div>



<h3>有彩色（ゆうさいしょく）</h3>



<p>赤、青、黄色のように、<span class="marker-animation">モノトーン以外の色を有彩色</span>と呼びます。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/05/image1.png" alt="" class="wp-image-200" srcset="https://irosta.com/wp-content/uploads/2020/05/image1.png 800w, https://irosta.com/wp-content/uploads/2020/05/image1-300x105.png 300w, https://irosta.com/wp-content/uploads/2020/05/image1-768x269.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">有彩色　＝　<span class="marker-animation">彩り</span>が<span class="marker-animation">有る</span>色。そのまんまでしょ？</p></div>



<h3>無彩色（むさいしょく）</h3>



<p><span class="marker-animation">白・灰色・黒のように鮮やかさ、彩りが無い色を無彩色（むさいしょく）</span>と呼びます。いわゆる<strong>モノトーン</strong>です。</p>



<figure class="wp-block-image size-large"><img src="https://irosta.com/wp-content/uploads/2020/05/image2.png" alt="" class="wp-image-199" srcset="https://irosta.com/wp-content/uploads/2020/05/image2.png 800w, https://irosta.com/wp-content/uploads/2020/05/image2-300x105.png 300w, https://irosta.com/wp-content/uploads/2020/05/image2-768x269.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/11/01.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">無彩色　＝　<span class="marker-animation">彩り</span>が<span class="marker-animation">無い</span>色ってことですね。</p></div>



<h2>無彩色の大切さ</h2>



<p class="has-medium-font-size"><strong>無彩色</strong>はその他の鮮やかな色である有彩色と合わせやすい、<strong>とても優秀で重要な色</strong>です。</p>



<p>鮮やかさを持たないので</p>



<ul class="nomal"><li>他の色を引き立ててくれる</li><li>全体を引き締めたり緩めたりしてくれる</li><li>使い方によっては文字などを読みやすくしてくれる</li></ul>



<p>などなど、とても良い働きをしてくれることがあります。</p>



<h3>日常でも知らないうちに活用しているかも</h3>



<p>例えば洋服を選ぶとき、<strong>トップスかボトムスどちらかに黒</strong>を選んだことはありませんか？</p>



<p>これは<strong>黒という無彩色が他の色の邪魔せず、引き締める効果</strong>をもっているからなんです。</p>



<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-right vk_balloon-type-serif"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image" src="https://irosta.com/wp-content/uploads/2020/05/店長-通常.jpg" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><p class="vk_balloon_content">そっか！黒いスーツだったら何色のシャツでも合うのもそういうことなんだな～。</p></div>



<h2>まとめ</h2>



<ul class="matome"><li>色は大きく有彩色と無彩色に分けられる</li><li>有彩色とはモノトーン以外の全て、鮮やかさがある色のこと</li><li>無彩色とは白・灰色・黒</li><li>無彩色は他の有彩色との組み合わせの時も良い効果を発揮する</li></ul>



<p>次の記事から<strong>色がどうやって作られているか</strong>がわかる<span class="marker-animation">色相・彩度・明度</span>を学びます。</p>



<div style="height:54px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-vk-blocks-button vk_button vk_button-color-custom vk_button-align-block"><a href="https://irosta.com/zokusei-shikisoukan/" id="vk_button_link" style="background-color:#39b626;border:1px solid #39b626" class="btn vk_button_link btn-primary btn-lg btn-block" role="button" aria-pressed="true" rel="noopener noreferrer"><span class="vk_button_link_txt">次の記事に進む</span><i class="fas fa-angle-double-right vk_button_link_after"></i><p class="vk_button_link_subCaption">【色の３属性①】色相</p></a></div>



<div style="height:54px" aria-hidden="true" class="wp-block-spacer"></div>
<section class="veu_cta" id="veu_cta-880"><h1 class="cta_title">Twitterあります</h1><div class="cta_body"><div class="cta_body_image cta_body_image_center"><a href="https://twitter.com/nekokamen_iro" target="_blank"><img src="https://irosta.com/wp-content/uploads/2021/03/t2-1.png" /></a></div><div class="cta_body_txt image_exist">「フォローしておくとエンタメを楽しむための色彩知識がついていく」Twitterアカウントを運営しています。ブログの更新情報の他にも、明日誰かに教えたくなる色彩ミニ知識などをツイートする予定です。<br/>ゆるっとフォローしてくださいまし=゜ω゜=♪</div><div class="cta_body_link"><a href="https://twitter.com/nekokamen_iro" class="btn btn-primary btn-block btn-lg" target="_blank"><i class="fab fa-twitter font_icon"></i> ちょっと見てみる</a></div></div><!-- [ /.vkExUnit_cta_body ] --></section>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
