Webスクールレベルの授業が格安で学べるWebデザインのオンライン講座。Illustratorでロゴやパーツを作り、PhotoshopでWebデザイン、その後、HTML・CSSでのコーディングまでの現場レベルのWeb制作を効率的に学べる実践編 Webスクールレベルの授業が格安で学べるWebデザインのオンライン講座。

色彩検定ガイド >> 配色テクニック

アクセントカラー(accent color)

アクセントとは、「強調する」「引き立てる」という意味。

"アクセントカラー(accent color)"の詳細はこちら

アクセント・カラー・配色テクニックの3つのコツ。

アクセント・カラー・配色テクニックを実践で行かすにはコツがあります。

"アクセント・カラー・配色テクニックの3つのコツ。"の詳細はこちら

グラデーション(gradation)

グラデーションとは色を規則的に変化させぼかしていくこと。
色相・明度・彩度・トーンを規則的に変化させることにより、美しいグラデーションができあがる。

"グラデーション(gradation)"の詳細はこちら

グラデーションカラー・配色テクニックのコツ

グラデーションカラー・配色テクニックを実践で行かすにはコツがあります。

"グラデーションカラー・配色テクニックのコツ"の詳細はこちら

グラデーション:色相のグラデーション

色相のグラデーションとは、明度と彩度が同じで色相だけが変わっていくグラデーション。

"グラデーション:色相のグラデーション"の詳細はこちら

グラデーション:明度のグラデーション

明度のグラデーションとは、明るい方から暗い方へ、暗い方から明るい方へというように明暗が少しずつ変化するグラデーション。

"グラデーション:明度のグラデーション"の詳細はこちら

グラデーション:彩度のグラデーション

彩度のグラデーションとは、鮮やかな色から徐々に濁っている色へ、低彩度の色から徐々に鮮やかな色へと変化するグラデーション。

"グラデーション:彩度のグラデーション"の詳細はこちら

グラデーション:トーンのグラデーション

トーンのグラデーションとは明度と彩度の両方が段階的に変化するグラデーション。

"グラデーション:トーンのグラデーション"の詳細はこちら

コンプレックスハーモニー(complex harmony)

コンプレックス・ハーモニーは、自然界でよく見慣れている色(ナチュラル・シーケンス)とは反対に青紫よりの色を明るく、 黄み寄りの色を暗くする配色方法。

"コンプレックスハーモニー(complex harmony)"の詳細はこちら

色彩調和(しきさいちょうわ:color harmony)

色彩調和とは、2つ以上の色を組み合わせて「まとまりのある美しさ」を作り出すこと。

"色彩調和(しきさいちょうわ:color harmony)"の詳細はこちら

色相共通の調和を求める配色

色相共通の調和を求める配色テクニックは、まとまりやすいものですが変化に乏しくなりがちな配色でもあります。

"色相共通の調和を求める配色"の詳細はこちら

セパレーション(separation color)

セパレーションとは、「分離させる」「引き離す」という意味。
配色の中間に入れる色をセパレーションカラーという。
セパレーションカラーをはめ込むことにより新たな調和をとる配色。

"セパレーション(separation color)"の詳細はこちら

対照色相配色(たいしょうしきそうはいしょく:contrast)

対照色相配色は、色相を手がかりに「色相対照の調和を求める配色」です。

"対照色相配色(たいしょうしきそうはいしょく:contrast)"の詳細はこちら

中差色相配色(ちゅうさしきそうはいしょく:intermediate)

中差色相配色は、色相を手がかりに「色相対照の調和を求める配色」で中程度に離れた色相を組み合わせた配色です。

"中差色相配色(ちゅうさしきそうはいしょく:intermediate)"の詳細はこちら

同一色相配色(どういつしきそうはいしょく:identity)

同一色相配色とは、色相を手がかりに色相共通の調和を求める配色。

"同一色相配色(どういつしきそうはいしょく:identity)"の詳細はこちら

ドミナントカラー(dominant color)

ドミナントカラーとは、配色全体の印象を支配する色。主調色、支配色とも。
ドミナントとは、「支配的な」「優勢な」という意味。

"ドミナントカラー(dominant color)"の詳細はこちら

ナチュラル・シーケンス(natural sequence)

ナチュラル・シーケンスとは、自然界の色の明暗の階調のこと。
色相の自然連鎖。

"ナチュラル・シーケンス(natural sequence)"の詳細はこちら

ナチュラル・ハーモニー(natural harmony)

ナチュラル・ハーモニーは、ナチュラル・シーケンス(色相の自然連鎖)に沿った「なじみのある自然な調和」が得られる配色方法です。

"ナチュラル・ハーモニー(natural harmony)"の詳細はこちら

配色の基本

配色の基本は、 まとまりのある配色変化のある配色か伝えたいイメージを明確にしてから色を選ぶ。
配色をする時には、ここから始めよう!

"配色の基本"の詳細はこちら

配色の手がかり

2色以上の色を美しく配する、目的にあった配色をするには、まず「配色の手がかり」から。

"配色の手がかり"の詳細はこちら

補色色相配色(ほしょくしきそうはいしょく:complementary)

補色色相配色は、色相を手がかりに「色相対照の調和を求める配色」です。

"補色色相配色(ほしょくしきそうはいしょく:complementary)"の詳細はこちら

隣接色相配色(りんせつしきそうはいしょく:adjacent)

隣接色相配色とは、色相を手がかりに色相共通の調和を求める配色。

"隣接色相配色(りんせつしきそうはいしょく:adjacent)"の詳細はこちら

類似色相配色(るいじしきそうはいしょく:analogy)

類似色相配色は、色相をてがかりに色相共通の調和を求める配色。

"類似色相配色(るいじしきそうはいしょく:analogy)"の詳細はこちら