個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

配色が苦手でも、まとまりのある良い感じのカラーパレットに直してくれるサービスをご紹介します。
便利で手軽。
やさしい修正という配慮もすてきなサービスになっています。
配色が苦手という人には、必見のサービスですよ。

配色が苦手な人必見!違和感のある配色をまとまりのある良い感じのカラーパレットに直してくれるCohesive Colors

Cohesive Colorsは、「この配色なんか違和感があるんだよなあ」という配色を、まとまりのある良い感じのカラーパレットに直してくれる、配色が苦手な人にとっては救世主のようなサービスです。

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

Cohesive Colorsの使い方

Cohesive Colorsのサイトにいき、「Before」に表示されているカラーをクリックします。
クリックするとカラーピッカーが表示されるので、自分が考えるカラーパレットを作成してください。
色数を増やしたい場合は、「More Color」をクリックします。

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

瞬時に「After」の下に修正してくれたカラーパレットが表示されます。
微妙な変化にお気づきですか?
まるで土を平らにならすように、やさしく修正してくれていますね。
たしかに、修正後のほうが「まとまりのある良い感じの配色」になっています。
カラー部分をクリックすると、HEX値が表示されます。

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

トーンを変更したい場合には、「OverlayColor」のカラーをクリックして、色を変更すればトーンを簡単に変更できます。

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

このアイディは以前、DribbbleでErica Schoonmakerが「My Secret for Color Schemes」と題して発表したもので、配色にOverlay効果を適用すると「まとまりのある良い感じの配色」になってしまうというもののです。
すごいアイディアですね。

ColourLoversのカラーパレットをランダム表示してくれる便利機能も!

配色が苦手な人にとってうれしいのが、カラーパレットをランダムに表示してくれることではないでしょうか。
このCohesive Colorsにも、ColourLoversのカラーパレットをランダム表示してくれる便利機能がありますよ!
「Get random from ColourLovers」のボタンをクリックすれば、次々にカラーパレットが表示されますので、自分の気に入った配色を探すというのもいいですよね。

配色が苦手な人必見!違和感のある配色を良い感じのカラーパレットに直してくれる「Cohesive Colors」

いかがでしょうか。
直すといっても、あくまでもベースとなる配色を尊重しつつ、違和感のあるカラーを土をならすようにやさしく修正してくれるCohesive Colors。
そのやさしい配慮がにくい、すてきなサービスです。
配色が苦手な方には必見のサービスと言えるでしょう。

Cohesive Colors

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 1
  • 9

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

カラーを遊べ!16進数のカラーコードのイベンダーゲームでHEX博士だ

カラーを遊べ!16進数カラーコードのイベンダーゲームでHEX博士だ

16進数カラーコードいわゆるHEXをイベンダーゲームで楽しみながら学べる「Hex Invaders」

記事を読む

2016年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXで!国際見本市SpinExpo発表の流行色・トレンドカラー

2016年秋冬の流行色・トレンドカラーをCMYK/RGB/HEXで!国際見本市SpinExpo発表の流行色・トレンドカラー

SpinExpoが2016年秋冬の流行色・トレンドカラーを発表しました。 デザインや商品企画などで

記事を読む

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できる「Swiss Style Color Picker」

スタイリッシュで洗練されたスイススタイルのカラー・配色を利用できるカラーピッカーをご紹介。 スイス

記事を読む

トレンドカラー・流行色2014年春夏:SpinExpoが発表!

SpinExpoが2014年春夏の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi

記事を読む

2017年春夏の流行色・トレンドカラー! 国際見本市SpinExpo発表の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介

2017年春夏の流行色・トレンドカラー! 国際見本市SpinExpo発表の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介

SpinExpoが2017年春夏の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi

記事を読む

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自

記事を読む

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかるWEBサイトをご紹介します。 WE

記事を読む

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

ズボラな自分に最適なCSSグラデーション作成ツールがあったので、ご紹介します。 グラデーションを自

記事を読む

2014年秋冬の流行色・トレンドカラーはこれ!国際見本市SpinExpoの流行色・トレンドカラー

SpinExpoが2014年秋冬の流行色・トレンドカラーを発表しました。 当然のことながら、Spi

記事を読む

Illustratorでのカラーワークで役立つ無料のカラースウォッチライブラリー12

デフォルトのIllustratorはスウォッチパネルがほぼ空状態です。 これは具合が悪い。 いち

記事を読む