色と配色

色と配色に関する記事を書いています。

▶ 色の基本に関する記事はこちら

▶ デザインに使える配色パターン集はこちら

▶ 色に合う色を見たい方はこちら

▶ アニメやキャラクターの配色はこちら

キャラクター配色

「シンデレラ」のキャラクター配色まとめ|イメージカラー・カラーコード一覧

アニメやキャラクターの世界を“色”で楽しむ【配色シリーズ】!今回は、ディズニー映画『シンデレラ』のキャラクターたちに注目。『シンデレラ』は、淡いブルーやシルバー、ホワイトなどを中心とした、上品で幻想的な配色が印象的な作品です。シンデレラのド>>Read More...
キャラクター配色

「白雪姫」のキャラクター配色まとめ|イメージカラー・カラーコード一覧

アニメやキャラクターの世界を“色”で楽しむ【配色シリーズ】!今回は、ディズニー映画『白雪姫』のキャラクターたちに注目。ディズニー映画「白雪姫」は、鮮やかな赤・青・黄色を中心とした、コントラストの強い配色が印象的な作品です。白雪姫の衣装をはじ>>Read More...
キャラクター配色

「ふしぎの国のアリス」のキャラクター配色まとめ|イメージカラー・カラーコード一覧

アニメやキャラクターの世界を“色”で楽しむ【配色シリーズ】!今回は、ディズニー映画『ふしぎの国のアリス』のキャラクターたちに注目。「ふしぎの国のアリス」は、アリスが白うさぎを追いかけて不思議な世界へ迷い込み、個性豊かなキャラクターたちと出会>>Read More...
キャラクター配色

「ピーター・パン」のキャラクター配色まとめ|イメージカラー・カラーコード一覧

アニメやキャラクターの世界を“色”で楽しむ【配色シリーズ】!今回は、ディズニー映画『ピーター・パン』のキャラクターたちに注目。『ピーター・パン』は、空を飛んでネバーランドへ向かう少年ピーター・パンと、ウェンディたちの冒険を描いたファンタジー>>Read More...
キャラクター配色

「塔の上のラプンツェル」のキャラクター配色まとめ|イメージカラー・カラーコード一覧

アニメやキャラクターの世界を“色”で楽しむ【配色シリーズ】!今回は、ディズニー映画『塔の上のラプンツェル』のキャラクターたちに注目。『塔の上のラプンツェル』は、長い金色の髪を持つラプンツェルと、彼女が暮らす高い塔、そして森や王国を舞台にした>>Read More...
キャラクター配色

「ライオン・キング」のキャラクター配色まとめ|イメージカラー・カラーコード一覧

アニメやキャラクターの世界を“色”で楽しむ【配色シリーズ】!今回は、ディズニー映画『ライオン・キング』のキャラクターたちに注目。『ライオン・キング』には、シンバやナラ、ムファサ、スカーをはじめ、個性豊かな動物たちが登場します。舞台となるのは>>Read More...
キャラクター配色

「リトル・マーメイド」のキャラクター配色まとめ|イメージカラー・カラーコード一覧

アニメやキャラクターの世界を“色”で楽しむ【配色シリーズ】!今回は、ディズニー映画『リトル・マーメイド』のキャラクターたちに注目。『リトル・マーメイド』には、人間の世界に憧れるアリエルをはじめ、エリック王子、セバスチャン、フランダー、アース>>Read More...
キャラクター配色

「アラジン」のキャラクター配色まとめ|イメージカラー・カラーコード一覧

アニメやキャラクターの世界を“色”で楽しむ【配色シリーズ】!今回は、ディズニー映画『アラジン』のキャラクターたちに注目。『アラジン』には、アラジンやジャスミン、ジーニー、アブーなど、個性豊かなキャラクターが登場します。砂漠の街や宮殿を舞台に>>Read More...
キャラクター配色

「美女と野獣」のキャラクター配色まとめ|イメージカラー・カラーコード一覧

アニメやキャラクターの世界を“色”で楽しむ【配色シリーズ】!今回は、『美女と野獣』のキャラクターたちに注目。ディズニーの名作『美女と野獣』は、ベルの黄色いドレスや野獣の深いブルー、魔法のバラなど、印象的な色がたくさん登場する作品です。キャラ>>Read More...
キャラクター配色

「ディズニー・ヴィランズ」のキャラクター配色まとめ|イメージカラー・カラーコード一覧

アニメやキャラクターの世界を“色”で楽しむ【配色シリーズ】!今回は、『ディズニー・ヴィランズ』のキャラクターたちに注目。この記事では、キャラクターのイメージカラー配色の特徴具体的なカラーコードをまとめてご紹介いたします。二次創作やデザインの>>Read More...
キャラクター配色

「ミッキー&フレンズ」のキャラクター配色まとめ|イメージカラー・カラーコード一覧

アニメやキャラクターの世界を“色”で楽しむ【配色シリーズ】!今回は、『ミッキー&フレンズ』のキャラクターたちに注目。ミッキーマウスやミニーマウスをはじめ、ドナルドダック、デイジーダック、グーフィー、プルートなど、長く愛されているキャラクター>>Read More...
色の基本

カラーユニバーサルデザインとは?色覚に配慮した見やすい配色とデザインのコツ

「赤と緑を使えば、色の違いが分かりやすい」「重要なところは赤文字にすれば目立つ」デザインでは当たり前のように使われている色の表現ですが、すべての人に同じように見えているとは限りません。色の見え方には個人差があり、色の組み合わせによっては、色>>Read More...
色の基本

配色パターン(組み合わせ)の基本|色相環を使った定番の配色一覧

「色を組み合わせたいけれど、どの色を選べばいいのかわからない」「なんとなく色を選ぶと、まとまりのない配色になってしまう」そんなときに役立つのが、配色パターンです。配色には、色相環上の色の位置関係を利用したものや、色相・明度・彩度・トーンを揃>>Read More...
色の基本

配色の基本|失敗しない色の組み合わせ方

配色の基本を初心者にもわかりやすく解説。色を組み合わせるときの考え方や、類似色・補色・同系色などの代表的な配色方法、ベースカラー・メインカラー・アクセントカラーの使い方まで紹介します。
色の基本

色のイメージとは?色が与える心理的効果・視覚効果・色別の印象を解説

「赤は情熱的」「青は爽やか」「緑は落ち着く」など、色にはそれぞれ特徴的なイメージがあります。Webデザインやファッション、インテリア、イラストなどでも、色選びによって全体の印象は大きく変わります。では、なぜ色によって感じ方が変わるのでしょう>>Read More...
色の基本

色の錯覚とは?目の錯覚で色や大きさが違って見える理由

色の錯覚とは、周囲の色や明るさ、配置などの影響によって、実際とは違った色や大きさに見える現象です。同じ色なのに違って見える理由や、代表的な色の錯視・錯覚を図解でわかりやすく解説します。
色の基本

色の対比とは?色が違って見える現象を図解で解説

色の対比とは、同じ色でも周囲の色によって違って見える現象です。色相対比・明度対比・彩度対比・補色対比など、代表的な色の対比を図解でわかりやすく解説します。
色の基本

色の三原色とは?光の三原色・色料の三原色との違い

色の三原色とは?光の三原色RGBと、色料の三原色CMYの違いを初心者向けにわかりやすく解説します。光とインクでは色の混ざり方がなぜ違うのか、加法混色・減法混色、RGB・CMY・CMYKについて図解で紹介します。
色の基本

色のトーンとは?PCCSの12トーン一覧と特徴

トーンとは、色の明度と彩度を組み合わせて表した「色の調子」のこと。PCCSの12トーンを一覧で紹介し、ビビッド・ブライト・ライト・ペール・ソフト・ダークなど、それぞれの特徴や与える印象をわかりやすく解説します。
色の基本

色相環とは?12色・24色の違いや補色・類似色・反対色をわかりやすく解説

「補色って何?」「色相環を見ると何が分かるの?」「12色と24色はどう違うの?」そんな疑問を解決してくれるのが色相環(しきそうかん)です。色相環とは、赤・青・黄色などの色を円形に並べた図で、色同士の関係をひと目で確認できます。色相環を理解す>>Read More...
色の基本

色の三属性とは?色相・明度・彩度をわかりやすく解説

色の三属性(色相・明度・彩度)について初心者にもわかりやすく解説します。それぞれの違いや役割、色の見え方への影響を図解付きで紹介。デザインやファッション、配色を学ぶための基本知識です。
色の基本

色の分類とは?有彩色・無彩色・暖色・寒色などをわかりやすく解説

色には有彩色・無彩色、暖色・寒色などさまざまな分類があります。色の分類方法や特徴、与える印象を初心者にもわかりやすく解説します。デザインやファッション、配色の参考にも役立つ色の基本知識です。
色の基本

色の基本|色の仕組みや配色の基礎をわかりやすく解説

「色についてもっと知りたい」「配色のセンスを良くしたい」と思っても、色相やトーン、補色など、専門用語がたくさん出てきて、「何から覚えればいいの?」と迷ってしまう方も多いのではないでしょうか。実は、色には基本となるルールがあります。このページ>>Read More...
合う色まとめ

【ファッション編】ラベンダー(薄紫)に合う色|上品で透明感のある大人コーデ完全ガイド

ラベンダー(薄紫)は、上品さ・やさしさ・透明感を演出できる人気カラーです。春のイメージが強い色ですが、合わせる色を工夫すれば一年中おしゃれに楽しめます。ブラウスやニット、ワンピース、スカート、小物まで、幅広いアイテムで取り入れやすいのも魅力>>Read More...
合う色まとめ

【デザイン編】ラベンダー(薄紫)に合う色|上品で透明感のあるラベンダー配色パターン集

ラベンダー(薄紫)は、上品さ・やさしさ・透明感を感じさせる人気カラーです。WebデザインやSNS画像、プレゼン資料、チラシなどでは、美容・コスメ・ブライダル・ライフスタイルなど幅広いジャンルで活躍しています。一方で、「ラベンダーを使うとぼん>>Read More...
合う色まとめ

【基本編】ラベンダー(薄紫)に合う色まとめ|上品でやさしい配色ガイド[ファッション・デザイン]

ラベンダー(薄紫)は、上品さ・やさしさ・透明感を感じさせる人気カラーです。ファッションでは春のコーデやフェミニンな着こなしに、デザインでは美容・コスメ・ブライダル・ライフスタイル系などでよく使われています。一方で、「ラベンダーには何色を合わ>>Read More...
合う色まとめ

【ファッション編】黄緑に合う色|爽やかでおしゃれに決まる配色コーデ完全ガイド

黄緑(ライトグリーン・ライムグリーン)は、自然・爽やかさ・若々しさを感じさせる人気カラーです。春夏はもちろん、秋冬の差し色としても活躍し、トップスやスカート、ニット、小物など幅広いアイテムに取り入れられています。一方で、「黄緑には何色を合わ>>Read More...
合う色まとめ

【デザイン編】黄緑に合う色|フレッシュでナチュラルな配色パターン集

黄緑(ライトグリーン・ライムグリーン)は、自然・若々しさ・成長・健康をイメージさせるカラーです。WebデザインやSNS画像、プレゼン資料、チラシなどでは、親しみやすく前向きな印象を与えられる色として人気があります。一方で、「黄緑を使うと子ど>>Read More...
合う色まとめ

【基本編】黄緑に合う色まとめ|爽やかでおしゃれな配色ガイド[ファッション・デザイン]

黄緑(ライトグリーン・リーフグリーン)は、自然・若々しさ・爽やかさを感じさせる人気カラーです。ファッションでは春夏のコーデや差し色として、デザインではWebサイトやバナー、SNS画像などで明るく親しみやすい印象を演出できます。一方で、「黄緑>>Read More...
合う色まとめ

【ファッション編】水色に合う色|爽やかで上品に決まる配色コーデ完全ガイド

水色(ライトブルー)は、爽やかさ・清潔感・やさしさを兼ね備えた人気カラーです。シャツやブラウス、ニット、ワンピース、デニムなど幅広いアイテムに使われており、春夏はもちろん、秋冬の差し色としても活躍します。一方で、「水色には何色を合わせるとお>>Read More...
合う色まとめ

【デザイン編】水色に合う色|爽やかで透明感のあるライトブルー配色パターン集

水色(ライトブルー)は、爽やかさ・清潔感・やさしさを感じさせる人気カラーです。WebデザインやSNS画像、プレゼン資料、チラシなど、さまざまなデザインで背景色やアクセントカラーとして活躍しています。親しみやすく、見ている人に安心感を与えられ>>Read More...
合う色まとめ

【基本編】水色に合う色まとめ|爽やかでおしゃれな配色ガイド[ファッション・デザイン]

水色(ライトブルー)は、爽やかさ・清潔感・やさしさを感じさせる人気カラーです。ファッションでは春夏の定番色として、デザインではWebサイトやSNS画像、プレゼン資料などで親しみやすい印象を与える色として幅広く使われています。一方で、「水色に>>Read More...
合う色まとめ

【ファッション編】ベージュに合う色|上品でやさしい大人コーデが叶う配色ガイド

ベージュは、やさしさ・上品さ・ナチュラルな雰囲気を兼ね備えた人気カラーです。トップス・パンツ・スカート・アウターなど、どんなアイテムにも取り入れやすく、一年を通して活躍する定番色として愛されています。一方で、「ベージュには何色を合わせればお>>Read More...
合う色まとめ

【デザイン編】ベージュに合う色|ナチュラルで上品にまとまる配色パターン集

ベージュは、やさしさ・温もり・上品さを感じさせる人気カラーです。WebデザインやSNS画像、プレゼン資料、ショップカードなど、さまざまなデザインでベースカラーや背景色として活躍しています。主張しすぎない色なので、ほかの色を引き立てながら、や>>Read More...
合う色まとめ

【基本編】ベージュに合う色まとめ|おしゃれで失敗しない配色ガイド[ファッション・デザイン]

ベージュは、やさしさ・上品さ・ナチュラルな雰囲気を兼ね備えた人気カラーです。ファッションでは一年中活躍する定番色として、デザインでは背景色やベースカラーとして幅広く使われています。一方で、「ベージュには何色を合わせるとおしゃれ?」「ぼんやり>>Read More...
合う色まとめ

【ファッション編】グレーに合う色|上品で大人っぽく決まる配色コーデ完全ガイド

グレー(灰色)は、上品さ・落ち着き・洗練された印象を兼ね備えた万能カラーです。黒ほど重たくなく、白ほど明るすぎない絶妙なバランスで、トップス・ボトムス・アウター・ニットなど、さまざまなアイテムに取り入れられています。一方で、「グレーには何色>>Read More...
合う色まとめ

【デザイン編】グレーに合う色|洗練された印象をつくる灰色配色パターン集

グレー(灰色)は、上品さ・落ち着き・都会的な印象を与える人気カラーです。WebデザインやSNS画像、プレゼン資料、ロゴデザインなど、さまざまな場面で活躍しています。しかし、「グレーだけだと地味に見える…」「どんな色を組み合わせればおしゃれに>>Read More...
合う色まとめ

【基本編】グレーに合う色まとめ|おしゃれで失敗しない配色ガイド[ファッション・デザイン]

グレー(灰色)は、上品さ・落ち着き・洗練された印象を兼ね備えた万能カラーです。黒よりやわらかく、白より落ち着いた雰囲気があり、ファッションでは着回しやすい定番色として、デザインでは背景色や文字色として幅広く使われています。一方で、「グレーに>>Read More...
合う色まとめ

【ファッション編】黒に合う色|大人っぽくおしゃれに決まる配色コーデ完全ガイド

黒(ブラック)は、シックで洗練された印象を与える定番カラーです。トップス・ボトムス・ワンピース・アウターなど、どんなアイテムにも取り入れやすく、一年中活躍する万能カラーとして人気があります。一方で、「黒ばかりだと重たい印象になりそう…」「何>>Read More...
合う色まとめ

【デザイン編】黒に合う色|高級感もスタイリッシュも叶うブラック配色パターン集

黒(ブラック)は、高級感・力強さ・洗練された印象を与える人気カラーです。Webデザインやロゴ、プレゼン資料、SNS画像など、さまざまな場面で使われています。一方で、「黒を使うと重たい印象になる…」「どんな色を組み合わせればおしゃれになる?」>>Read More...