配色で悩んだら!オススメ配色ツール5選

色の組み合わせによって与える印象や効果はさまざまです。
配色に悩んだときは、WEB上で公開されている無料の『配色ツール』を使ってみましょう。
今回は、数ある配色ツールの中で、私が使っているサイトをご紹介します。
どれも、見たり触ったりするだけでも楽しめるサイトですので是非覗いてみてください♪

直感で選ぶなら:Adobe Color

Adobe(アドビ)が提供している無料の配色デザインソフト。
直感的な操作でバランスの良い配色デザインが作れます。基本的な機能は会員登録不要で使えます。

AdobeID(無料)があればすべての機能が利用可能になるので会員登録しておくとさらに便利!

Adobe Color
https://color.adobe.com/ja/

キーワードで探すなら:Color Hunt

世界中のユーザーが投稿した4色による配色パターンが掲載されているサイト。
「夏」「キッズ」など、キーワードをクリックするだけでパターン検索ができます。
メインカラーや配色テーマによる配色パターンの検索も。
4色限定でも直感的に配色を探せて使いやすいサイトです。

Color Hunt
https://colorhunt.co/

自分で組み合わせを見つけるなら:Colorable

背景色と文字色の組み合わせを確認し、視認性を判定してくれるツール。
自分でバーを動かしながら、良い組み合わせを探せます。
バーを左右に動かして、背景やテキストの濃淡や色合いを直感的に変更することもできます。
視認性が高く使いやすい色の配置を探すのに最適!

Colorable
https://colorable.jxnblk.com/

手元の写真から配色を決めるなら:Color Palette Generator

Canvaが作っている配色パレットツール。
写真をアップロードするだけで、4色の配色パターンを組んでくれます!
気に入ったら色の上をクリックするだけで、自動的にコードをコピーも可能。
操作は快適&超高速なのでストレスフリーで使えます。

Color Palette Generator
https://www.canva.com/colors/color-palette-generator/

完成イメージを見ながら探すなら:COOL COLORS

有名サイト「サルワカ」が運営している配色パターンサイト。
全40パターンと少なめでも、イメージ毎の例が見れて使いやすい!
見本をタップすると実際にその配色の、サイトでの使用イメージを確認できる点がポイント。
気に入った色の組み合わせはコピペして使用できます。

COOL COLORS
https://saruwakakun.com/design/gallery/palette

まとめ

おススメの配色ツール5選

①直感で選ぶなら:Adobe Color
https://color.adobe.com/ja/

②キーワードで探すなら:Color Hunt
https://colorhunt.co/

③自分で組み合わせを見つけるなら:Colorable
https://colorable.jxnblk.com/

④写真から配色を決めるなら:Color Palette Generator
https://www.canva.com/colors/color-palette-generator/

⑤完成イメージを見ながら探すなら:COOL COLORS
https://saruwakakun.com/design/gallery/palette

例えば同じ赤色でも、カラーコード(「#CD5C5C」のように数字と英語でカラーを表すコード)が少し違うだけで印象は大きく変わります。

カラーコードは変えず、そのまま使いましょう!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!