色とイメージを繋ごう
色を組み合わせることで色々なイメージを表現できます。でもいい色が浮かばないってことはしばしばあることです。配色で頭を悩ませたときには、見本があるとそれをベースにして色を決めていけます。
ここでは利用度の高いカラーイメージ、もしくは興味がそそられるような色の組み合わせイメージ配色をピックアップしています。カラーリングのヒントとして配色見本を眺めてみてください。
配色キーワード
- 春色のカラーチャート
- 夏色のカラーチャート
- 秋色のカラーチャート
- 冬色のカラーチャート
- 虹の色のカラーチャート
- 草花の色のカラーチャート
- ハロウィンのカラーチャート
- クリスマスのカラーチャート
- アースカラーのカラーチャート
- ナチュラルカラーのイメージ配色
- 2色の組み合わせ
- 4色の組み合わせ
- 鳥の名前が付けられている色
- 味を表現するイメージ配色
- 感情を表現するイメージ配色
- 恋に関するイメージ配色
- 性格を表現したイメージ配色
- 誕生石のイメージ配色
- パワーストーンのイメージ配色
- 宝石の石言葉のイメージ配色
- タロットのイメージ配色
- 干支のイメージ配色
- 五十音のイメージ配色
- かわいいイメージ配色
- ファッションカラーのイメージ配色
- 天気のイメージ配色
- 季語の色!春の季語のイメージ配色
- 季語の色!夏の季語のイメージ配色
- 季語の色!秋の季語のイメージ配色
- 季語の色!冬の季語のイメージ配色
- 季語の色!新春の季語のイメージ配色
- イベント・行事のイメージ配色
- 1月のイメージ配色
- 2月のイメージ配色
- 3月のイメージ配色
- 4月のイメージ配色
- 5月のイメージ配色
- 6月のイメージ配色
- 7月のイメージ配色
- 8月のイメージ配色
- 9月のイメージ配色
- 10月のイメージ配色
- 11月のイメージ配色
- 12月のイメージ配色
- 暦月・日付に関するイメージ配色
- 月の異名のイメージ配色
- 祝日のイメージ配色
- 時間のイメージ配色
- 曜日のイメージ配色
- ホームページの配色を提案します
色カラーの基本カラーリスト
配色のベースとなる色をカラーチップとして用意しておくと色選びの際に便利です。色カラーで色を考えるときに使っている色は以下の215色です。これらの色をまず土台にして配色を作っています。
無彩色グレートーンの
achromatic tone カラーチップ
#FFFFFF C0M0Y0K0 |
#EFEFEF K10 |
#DCDDDD K20 |
#C9CACA K30 |
#B5B5B6 K40 |
#9FA0A0 K50 |
#898989 K60 |
#727171 K70 |
#595757 K80 |
#3E3A39 K90 |
#231815 K100 |
1 ビビッドトーン
Vivid tone のカラーチップ
#E60012 M100Y100 |
#F39800 M50Y100 |
#FFF100 Y100 |
#8FC31F C50Y100 |
#009944 C100Y100 |
#009E96 C100Y50 |
#00A0E9 C100 |
#0068B7 C100M50 |
#1D2088 C100M100 |
#920783 C50M100 |
#E4007F M100 |
#E5004F M100Y50 |
2 ブライトトーン
Bright tone のカラーチップ
#EA5532 M80Y80 |
#F6AD3C M40Y80 |
#FFF33F Y80 |
#AACF52 C40Y80 |
#00A95F C80Y80 |
#00ADA9 C80Y40 |
#00AFEC C80 |
#187FC4 C80M40 |
#4D4398 C80M80 |
#A64A97 C40M80 |
#E85298 M80 |
#E9546B M80Y40 |
3 ストロングトーン
Strong tone のカラーチップ
#D7000F M100Y100K10 |
#E48E00 M50Y100K10 |
#F3E100 Y100K10 |
#86B81B C50Y100K10 |
#009140 C100Y100K10 |
#00958D C100Y50K10 |
#0097DB C100K10 |
#0062AC C100M50K10 |
#1B1C80 C100M100K10 |
#8A017C C50M100K10 |
#D60077 M100K10 |
#D7004A M100Y50K10 |
4 ディープトーン
Deep tone のカラーチップ
#C7000B M100Y100K20 |
#D28300 M50Y100K20 |
#DFD000 Y100K20 |
#7BAA17 C50Y100K20 |
#00873C C100Y100K20 |
#008A83 C100Y50K20 |
#008DCB C100K20 |
#005AA0 C100M50K20 |
#181878 C100M100K20 |
#800073 C50M100K20 |
#C6006F M100K20 |
#C70044 M100Y50K20 |
5 ライトトーン
Light tone のカラーチップ
#EF845C M60Y60 |
#F9C270 M30Y60 |
#FFF67F Y60 |
#C1DB81 C30Y60 |
#69BD83 C60Y60 |
#61C1BE C60Y30 |
#54C3F1 C60 |
#6C9BD2 C60M30 |
#796BAF C60M60 |
#BA79B1 C30M60 |
#EE87B4 M60 |
#EF858C M60Y30 |
6 ソフトトーン
Soft tone のカラーチップ
#DE6641 M70Y70K10 |
#E8AC51 M35Y70K10 |
#F2E55C Y70K10 |
#AAC863 C35Y70K10 |
#39A869 C70Y70K10 |
#27ACA9 C70Y35K10 |
#00AEE0 C70K10 |
#4784BF C70M35K10 |
#5D5099 C70M70K10 |
#A55B9A C35M70K10 |
#DC669B M70K10 |
#DD6673 M70Y35K10 |
7 ダルトーン
Dull tone のカラーチップ
#CB4829 M80Y80K20 |
#D59533 M40Y80K20 |
#DFD238 Y80K20 |
#93B447 C40Y80K20 |
#009453 C80Y80K20 |
#009794 C80Y40K20 |
#0099CE C80K20 |
#136EAB C80M40K20 |
#423885 C80M80K20 |
#903E84 C40M80K20 |
#CA4684 M80K20 |
#CA475C M80Y40K20 |
8 ダークトーン
Dark tone のカラーチップ
#A40000 M100Y100K40 |
#AC6A00 M50Y100K40 |
#B7AA00 Y100K40 |
#638C0B C50Y100K40 |
#007130 C100Y100K40 |
#00736D C100Y50K40 |
#0075A9 C100K40 |
#004986 C100M50K40 |
#100964 C100M100K40 |
#6A005F C50M100K40 |
#A4005B M100K40 |
#A40035 M100Y50K40 |
9 ペールトーン
Pale tone のカラーチップ
#F5B090 M40Y40 |
#FCD7A1 M20Y40 |
#FFF9B1 Y40 |
#D7E7AF C20Y40 |
#A5D4AD C40Y40 |
#A2D7D4 C40Y20 |
#9FD9F6 C40 |
#A3BCE2 C40M20 |
#A59ACA C40M40 |
#CFA7CD C20M40 |
#F4B4D0 M40 |
#F5B2B2 M40Y20 |
10 ライトグレイッシュトーン
Light grayish tone のカラーチップ
#CF7250 M60Y60K20 |
#D7A861 M30Y60K20 |
#DED46E Y60K20 |
#A7BE70 C30Y60K20 |
#5AA572 C60Y60K20 |
#53A8A6 C60Y30K20 |
#49AAD2 C60K20 |
#5D87B7 C60M30K20 |
#695C98 C60M60K20 |
#A1689A C30M60K20 |
#CE749C M60K20 |
#CF737A M60Y30K20 |
11 グレイッシュトーン
Grayish tone のカラーチップ
#A7381D M80Y80K40 |
#AE7A26 M40Y80K40 |
#B6AC2B Y80K40 |
#779438 C40Y80K40 |
#007B43 C80Y80K40 |
#007D7A C80Y40K40 |
#007FAB C80K40 |
#055A8E C80M40K40 |
#352A6F C80M80K40 |
#772F6D C40M80K40 |
#A7366D M80K40 |
#A7374A M80Y40K40 |
12 ダークグレイッシュトーン
Dark grayish tone のカラーチップ
#7D0000 M100Y100K60 |
#834E00 M50Y100K60 |
#8A8000 Y100K60 |
#486A00 C50Y100K60 |
#00561F C100Y100K60 |
#005752 C100Y50K60 |
#005982 C100K60 |
#003567 C100M50K60 |
#02004C C100M100K60 |
#500047 C50M100K60 |
#7E0043 M100K60 |
#7D0022 M100Y50K60 |
13 ベリーペールトーン
Very pale tone のカラーチップ
#FBDAC8 M20Y20 |
#FEECD2 M10Y20 |
#FFFCDB Y20 |
#ECF4D9 C10Y20 |
#D5EAD8 C20Y20 |
#D4ECEA C20Y10 |
#D3EDFB C20 |
#D3DEF1 C20M10 |
#D2CCE6 C20M20 |
#E7D5E8 C10M20 |
#FADCE9 M20 |
#FADBDA M20Y10 |
14 ペールグレイッシュトーン
Pale grayish tone のカラーチップ
#D4987E M40Y40K20 |
#D9BA8C M20Y40K20 |
#DED799 Y40K20 |
#B9C998 C20Y40K20 |
#8FB896 C40Y40K20 |
#8CBBB8 C40Y20K20 |
#89BCD6 C40K20 |
#8DA3C4 C40M20K20 |
#8F85AF C40M40K20 |
#B491B2 C20M40K20 |
#D39CB5 M40K20 |
#D49A9C M40Y20K20 |
15 ミドルグレイッシュトーン
Middle grayish tone のカラーチップ
#BD6748 M60Y60K30 |
#C49958 M30Y60K30 |
#CAC264 Y60K30 |
#98AE66 C30Y60K30 |
#519768 C60Y60K30 |
#4A9A98 C60Y30K30 |
#419CC0 C60K30 |
#547BA8 C60M30K30 |
#60538C C60M60K30 |
#945E8D C30M60K30 |
#BC698F M60K30 |
#BD6970 M60Y30K30 |
16 ベリーグレイッシュトーン
Very grayish tone のカラーチップ
#7F2509 M80Y80K60 |
#845A12 M40Y80K60 |
#8A8219 Y80K60 |
#587026 C40Y80K60 |
#005D30 C80Y80K60 |
#005F5D C80Y40K60 |
#006083 C80K60 |
#00426D C80M40K60 |
#241754 C80M80K60 |
#5A1B52 C40M80K60 |
#802151 M80K60 |
#7F2334 M80Y40K60 |
17 ベリーダークトーン
Very dark tone のカラーチップ
#530000 M100Y100K80 |
#562E00 M50Y100K80 |
#5B5300 Y100K80 |
#2A4400 C50Y100K80 |
#003705 C100Y100K80 |
#003833 C100Y50K80 |
#003856 C100K80 |
#001A43 C100M50K80 |
#000030 C100M100K80 |
#33002B C50M100K80 |
#550025 M100K80 |
#540005 M100Y50K80 |
カラーチャート
- 配色検索!キーワードから作る配色
- 12色の関係性が分かる色相環チャート
- 24色相環チャート!純色とその中間色
- 色のトーンも含めた色相環カラーホイール
- プロセスカラー(4色)のカラーチャート
- カラー印刷で主に使われるCMYKの色
- トーン別の色相カラーチャート
- 色相別の明度・彩度のカラーチャート
- 色で迷ったときに重宝するイメージ配色見本
- ランダムな色の組み合わせカラーチャート
- 身近なお手本を研究して配色上手になる
- 配色実験!色見本サンプルカード
- 安心して使用できるwebセーフカラー