色探 求人のホームページ:色カラー
ホワイトブランド ブラックブランド グレーブランド ブルーブランド レッドブランド グリーンブランド イエローブランド オレンジブランド ピンクブランド パープルブランド ブラウンブランド ゴールドブランド シルバーブランド

色カラーの基本カラーパレット

COLORCHART

トーンカラーサンプル

色のトーン(色調)でグループ分けしたカラーサンプルです。

12色相環を17トーンカテゴリに分けた204色と無彩色11色の計215色を色カラーの基本カラーパレットにしています。

1
Vivid

M100Y100

M50Y100

Y100

C50Y100

C100Y100

C100Y50

C100

C100M50

C100M100

C50M100

M100

M100Y50

2
Bright

M80Y80

M40Y80

Y80

C40Y80

C80Y80

C80Y40

C80

C80M40

C80M80

C40M80

M80

M80Y40

3
Strong

M100Y100K10

M50Y100K10

Y100K10

C50Y100K10

C100Y100K10

C100Y50K10

C100K10

C100M50K10

C100M100K10

C50M100K10

M100K10

M100Y50K10

4
Deep

M100Y100K20

M50Y100K20

Y100K20

C50Y100K20

C100Y100K20

C100Y50K20

C100K20

C100M50K20

C100M100K20

C50M100K20

M100K20

M100Y50K20

5
Light

M60Y60

M30Y60

Y60

C30Y60

C60Y60

C60Y30

C60

C60M30

C60M60

C30M60

M60

M60Y30

6
Soft

M70Y70K10

M35Y70K10

Y70K10

C35Y70K10

C70Y70K10

C70Y35K10

C70K10

C70M35K10

C70M70K10

C35M70K10

M70K10

M70Y35K10

7
Dull

M80Y80K20

M40Y80K20

Y80K20

C40Y80K20

C80Y80K20

C80Y40K20

C80K20

C80M40K20

C80M80K20

C40M80K20

M80K20

M80Y40K20

8
Dark

M100Y100K40

M50Y100K40

Y100K40

C50Y100K40

C100Y100K40

C100Y50K40

C100K40

C100M50K40

C100M100K40

C50M100K40

M100K40

M100Y50K40

9
Pale

M40Y40

M20Y40

Y40

C20Y40

C40Y40

C40Y20

C40

C40M20

C40M40

C20M40

M40

M40Y20

10
Light grayish

M60Y60K20

M30Y60K20

Y60K20

C30Y60K20

C60Y60K20

C60Y30K20

C60K20

C60M30K20

C60M60K20

C30M60K20

M60K20

M60Y30K20

11
Grayish

M80Y80K40

M40Y80K40

Y80K40

C40Y80K40

C80Y80K40

C80Y40K40

C80K40

C80M40K40

C80M80K40

C40M80K40

M80K40

M80Y40K40

12
Dark grayish

M100Y100K60

M50Y100K60

Y100K60

C50Y100K60

C100Y100K60

C100Y50K60

C100K60

C100M50K60

C100M100K60

C50M100K60

M100K60

M100Y50K60

13
Very pale

M20Y20

M10Y20

Y20

C10Y20

C20Y20

C20Y10

C20

C20M10

C20M20

C10M20

M20

M20Y10

14
Pale grayish

M40Y40K20

M20Y40K20

Y40K20

C20Y40K20

C40Y40K20

C40Y20K20

C40K20

C40M20K20

C40M40K20

C20M40K20

M40K20

M40Y20K20

15
Middle grayish

M60Y60K30

M30Y60K30

Y60K30

C30Y60K30

C60Y60K30

C60Y30K30

C60K30

C60M30K30

C60M60K30

C30M60K30

M60K30

M60Y30K30

16
Very grayish

M80Y80K60

M40Y80K60

Y80K60

C40Y80K60

C80Y80K60

C80Y40K60

C80K60

C80M40K60

C80M80K60

C40M80K60

M80K60

M80Y40K60

17
Very dark

M100Y100K80

M50Y100K80

Y100K80

C50Y100K80

C100Y100K80

C100Y50K80

C100K80

C100M50K80

C100M100K80

C50M100K80

M100K80

M100Y50K80

Achromatic
color

C0M0Y0K0

K10

K20

K30

K40

K50

K60

K70

K80

K90

K100

   

配色を考えるときには規則を作ったグループでまとめると巧くバランスが取れます。何かをデザインするときそのイメージを決める大きな要素となるのが「色」です。

色は膨大な数がありCMYKで数値表現できる色は1%刻みだと約1億通り(同色になる版の組み合わせも含む)にもなります。色の差異がきちんと分かる10%刻みでも約1万5千(11の4乗の14641パターンで同じ色も含む)ものパターンが存在します。

そこから色を組み合わせて配色を考えると色表現は無限に広がります。ですが、良い色の配色パターンというのはある程度限られています。色の三属性である彩度・明度・色相から仲間をとなる色をマッチングさせることで、しっくりくる色の画面ができあがります。

他にも使える配色の見つけ方として既にあるものから拾うのが有効な手段です。いいと思った刷り物や自然物、売れている品物、なぜか目がいってしまうもの等、自分の目に入ってくる良いなってピンときた色の組み合わせは他の人もきっといいなって思う色となっているはずです。その配色を上手く使いましょう。

色カラーの基本カラー

1 ビビッドトーン
ビビッドトーンのカラーバー
鮮やかで強いイメージ。Vivid tone.

2 ブライトトーン
ブライトトーンのカラーバー
明るいにぎやかなイメージ。Bright tone.

3 ストロングトーン
ストロングトーンのカラーバー
強烈なイメージ。Strong tone.

4 ディープトーン
ディープトーンのカラーバー
濃い深みのあるイメージ。Deep tone.

5 ライトトーン
ライトトーンのカラーバー
明るく軽いイメージ。Light tone.

6 ソフトトーン
ソフトトーンのカラーバー
柔らかいイメージ。Soft tone.

7 ダルトーン
ダルトーンのカラーバー
さえない穏やかなイメージ。Dull tone.

8 ダークトーン
ダークトーンのカラーバー
重厚で暗いイメージ。Dark tone.

9 ペールトーン
ペールトーンのカラーバー
淡いクリアなイメージ。Pale tone.

10 ライトグレイッシュトーン
ライトグレイッシュトーンのカラーバー
淡い穏やかなイメージ。Light grayish tone.

11 グレイッシュトーン
グレイッシュトーンのカラーバー
地味もしくは渋いイメージ。Grayish tone.

12 ダークグレイッシュトーン
ダークグレイッシュトーンのカラーバー
濃く重いイメージ。Dark grayish tone.

13 ベリーペールトーン
ペリーパールトーンのカラーバー
とても淡い薄いイメージ。Very pale tone.

14 ペールグレイッシュトーン
ペールグレイッシュトーンのカラーバー
淡く灰がかったイメージ。Pale grayish tone.

15 ミドルグレイッシュトーン
ミドルグレイッシュトーンのカラーバー
白と黒の中間的な濁ったイメージ。Middle grayish tone.

16 ベリーグレイッシュトーン
ベリーグレイッシュトーンのカラーバー
とても地味もしくは渋いイメージ。 Very grayish tone.

17 ベリーダークトーン
ベリーダークトーンのカラーバー
とても濃く深いイメージ。Very dark tone.


混色CMYK

CMY色検索(10%刻みの色)

Cyan: + Magenta: + Yellow:   = 

RANDOM COLOR
Cyan Magenta Yellow blacK


カラーチャート


Webアンケート調査・ネットリサーチ




イーデザイン selection

色のイメージ効果を知ろう。カラーボックスを選ぶとその色の全てが分かります。


配色の仕組みが分かる