個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

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

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

記事を読む

「アナと雪の女王」の配色だってわかる!人気映画のカラー/配色を参考にできる「The Colors of Motion」

「アナと雪の女王」の配色だってわかる!人気映画のカラー/配色を参考にできる「The Colors of Motion」

カラー/配色を決定するのって本当に難しいですよね。 皆さんはどんな方法で決定しているのでしょうか。

記事を読む

カラー/色で参考にすべきはブランドカラー!ブランドカラーが一目瞭然ですぐわかる「BrandColors」

カラー/色で参考にすべきはブランドカラー!公式ブランドカラーが一目瞭然ですぐわかる「BrandColors」

カラー/色で大変参考になるブランドカラーががすぐにわかって使いやすいサイト「BrandColors」

記事を読む

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

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

記事を読む

ブラウザ上で、色・カラーをすばやく分析・変換してくれるChrome機能拡張「Colorpeek」

Chrome機能拡張で色・カラーの分析・変換をすばやく行ってくれる「Colorpeek」が便利だった

記事を読む

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

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

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

記事を読む

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

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

SpinExpoが2015年秋冬の流行色・トレンドカラーを発表しましたので、いち早くご紹介します!

記事を読む

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

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

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

記事を読む

Photoshopで明度を調節できるスクリプト「Lighten / Darken Color」で効率アップ

Photoshopでカラーの明度を簡単に調節できるスクリプトが便利だったのでご紹介。 「描画色」を

記事を読む

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。

記事を読む