突然、上司から

「こう、このアプリの見た目は最近流行りのフラットデザインでさ、色もいい感じのパステルカラー？にしといてよ！」

などと曖昧な指示を受け、困った体験をお持ちの方はいらっしゃいませんか？

　最近は非デザイナーでもデザイナ的感性を求められることが増えており、アプリなどの色選びに苦心する方も少なくはないはず。

　そこで、今回はそんな非デザイナ向けに、自動でカラーパレットを作成してくれるツールをいくつかご紹介します。

　それぞれのサイトの特徴を活かして、「いい感じ」な色を見つけられるようにしましょう！

※いい感じのデザイン、色などを紹介しているサイトをまとめた別記事を作りました。よろしくおねがいします

１．Colours

　家でゴロゴロしているときや会社の休憩中にネットサーフィンをしているとき、

「あ、このサイトの色いい感じだ！」

と感じたことはありませんか？

　もしそういうサイトがあった場合は、このwebツールにアクセスし、見つけたwebサイトのURLを貼り付けましょう！

　すると、Coloursはそのサイトで使われている色を自動で認識し、カラーパレットとして表示してくれます。(以下画像)

　好きなサイトのカラーパレットを知りたい時にもおすすめです

2.　色色[:iroiro]

　上司から

「こう、色は『自然』って感じの色でさあ！」

と、あいまいな「キーワード」で色を指定されたことはありませんか？

　そんなときにはこのサイト！

なんと「言葉」からカラーパレットを作成してくれます。

また、PDF、XML形式などでの出力機能もあるため、言葉のイメージさえ決まればあとは簡単、文字入力欄にキーワードを打ち込むだけです！(以下画像)

3.Coolors

　「色なんてもう何も浮かばないよー！色の組み合わせなんて知るかよー！」

って方は、上記のサイトを試してみてください。

　使い方は簡単、アクセスしてスペースボタンを押すだけ！

すると、押せば押すほどカラーパレットが自動生成されていきます！これは便利！

　また、カラーパレットが表示されている状態で特定のボタンを押すと、色温度や明るさ、彩度なども自動で調整してくれる優れもの。ぜひぜひ使ってみてください　

4.NIPPON COLORS

　「『和』って感じの色が欲しいな」

と言われたときはこれ！

色を選ぶだけで色のRGB、CMYKを出力してくれます！勉強にもなるので、暇なときに眺めるのもおすすめです

5.HUE/360

　「メインの色は大体決まったけど、どんな色を組み合わせればいいかわからない…」

そんなあなたにはこのツールがおすすめ。画面に表示されている色を選ぶと、その色に合う色を表示してくれるツールです。

「色が少ない！」という方は下の「Hue Step」の数を増やしてみてください。

すると、こんな見た目になります。あとは選ぶだけ！

終わりに

　いかがでしたか？今回は筆者がよく使っているwebツールの中から、「いい感じ」に色を組み合わせてくれるwebツール、サイトをご紹介しました。

　これらをうまく使いこなすことで、色選びに苦心することは少なくなると思います。もちろん、今回紹介したのはネットに転がっている優秀なwebツールのほんの一部です。ぜひぜひ、いいものがあったら筆者にも教えていただけると嬉しいです。