配色展開をみる >>

ここから結構なボリュームになりますが、色彩検定などの色の資格や各種カラー講座ででてくる色の法則を利用した配色を見ていけます。

選んだ色をキーカラーとした配色を表示していますので、キーカラーとした色との色の組み合わせに悩んだときには色決定のヒントになってくれます。ベースとなるキーカラーと組み合わせる色で、化粧のようにイメージは変化します。専門知識がなくても表示される配色パターンを採用するだけで容易に色彩設計ができるので色々な色を巡り、よい配色パターンを見つけてください。

このサイトで提案している色は、本などで紹介されているビビットな色合いだけでなくグラフィックソフトで表示できる全ての色から配色をコーディネートしています。配色展開している色にはモニター表示に使われるRGB値とWebデザインに使われるhex値を載せています。HSV値やCMYK値、色の系統を知りたい場合にはその色をクリックしてくことで探せます。

色のバランスを取ることが苦手でも色と色の位置関係を覚えていくことで色彩感覚を養っていけます。

真っ暗な緑色（#002211）をベースにした色の三属性

明度(Value)による配色

色相と彩度は有彩色にしかない色の性質ですが、明度は有彩色と白・灰色・黒の無彩色を含むすべての色にある色の性質です。無彩色に近い色の#002211では明度の変化による配色が効果的になります。

配色技法をつかって作る理想的な配色

色の選び方は数多くありますが基本的な色の法則を知っていれば応用が利きます。以下に紹介するの8つの配色技法は、#002211をベースカラーとした色使いの考え方と方向性を示す色を表示しています。ベースカラーを軸に配色の特徴と効果に沿って色を決めていくことで失敗のない配色になります。

▼ベースカラーとアソートカラー

ベースカラーは表現するイメージの中で最も大きい面積を占める色です。
2番目に広い面積の色がベースカラーを引き立てる色がアソートカラー（サブカラー）になります。

▼アクセントカラー・ワンポイントカラー

基調となる色と明度・色相の差が大きい対照的な色を少量加えると、配色全体にメリハリが生まれ全体を引き立ててくれます。
色の面積に大小をつけることで小さい面積の色がアクセント（ワンポイントカラー）になり全体を引き締めることが出来ます。

▼セパレーションカラー

低彩度色や無彩色を色と色の間に挟んで調和させる技法。ハレーションが生じたり、隣接した為ぼやけた色を引き締めます。

▼コントラスト配色

反対色でつくる配色で、くっきりとしメリハリがあり力強い印象になります。
色相のコントラスト、彩度のコントラスト、明度のコントラストがあります。

▼グラデーション配色

3色以上の多色を色相・彩度・明度を一定の法則に従って段階的に変化させる配色デザイン。
リズム感が生まれ立体感や遠近感などの視覚効果を得られます。

▼レピテーション配色

数種の色を1グループとして繰り返すことで秩序を持たせる配色デザイン。バラバラな色でも繰り返すことによってリズムのあるまとまりが生まれます。

▼トーンオントーン配色

同系色の濃淡や明暗を変化させた配色デザイン。ドミトナントカラー配色・カマイユ配色も同類の配色です。

▼トーンイントーン配色

近似した同一色相内の色でまとめた配色デザイン。ドミトナントトーン配色・トーナル配色・フォカマイユ配色も同類の配色です。

---

R0 G34 B17 | #002211 | H150 S100 V13 の近似色

---

このページのキーカラー#002211の色の成分（RGB）

Red : #000000	Green : #002200	Blue : #000011

キーカラーのwebカラー数値#002211をベースにしたカラーチャートから相性の良い色を探せます。
左の2桁で赤、真ん中の2桁で緑、右の2桁で青の色をコントロールできます。
Fに近いほどその色が強調され明るくなり、0に近いほどその色は弱くなり暗い色となります。
赤・緑・青の各色が混ざることで色は明るくなっていきます。

• ▼赤色の数値
• 0
• F
• E
• D
• C
• B
• A
• 9
• 8
• 7
• 6
• 5
• 4
• 3
• 2
• 1
• 0

•  
• 0
• F
• E
• D
• C
• B
• A
• 9
• 8
• 7
• 6
• 5
• 4
• 3
• 2
• 1
• 0

• ▼緑色の数値
• 2
• F
• E
• D
• C
• B
• A
• 9
• 8
• 7
• 6
• 5
• 4
• 3
• 2
• 1
• 0

•  
• 2
• F
• E
• D
• C
• B
• A
• 9
• 8
• 7
• 6
• 5
• 4
• 3
• 2
• 1
• 0

• ▼青色の数値
• 1
• F
• E
• D
• C
• B
• A
• 9
• 8
• 7
• 6
• 5
• 4
• 3
• 2
• 1
• 0

•  
• 1
• F
• E
• D
• C
• B
• A
• 9
• 8
• 7
• 6
• 5
• 4
• 3
• 2
• 1
• 0

---

#002211(真っ暗な緑色)の色見本と配色事例 | 配色の見本帳

真っ暗な緑色を使ってデザインしよう

このページは、グラフィックデザイナーからWEBデザイナー、エンジニア、カラーセラピスト、ネイリスト、メイクアップ、コーディネーター、占い師など色を使う職業で役立つ配色の見本帳。#002211からの配色を作る色彩情報ページです。

このページのURL：http://ironodata.info/rgb.php?color=002211

配色の見本帳｜キーカラーで選ぶ配色パターン｜※RGBとHSVの数値、色の変化には多少の誤差があるのでご了承下さい。
※配色の見本帳は無料のインターネットツールです。