【おすすめ配色ツール】デザインがわからない編集者に便利

Column

正直僕もデザインはわからない…

今日は「色」についてです。

デザイナーがチームにいない限り、自分でイチから学ばないといけないと思われがちですが、

特段、色に関しては便利なツールがそろっているので、編集にお役立てください。

 

おすすめ配色ツール|デザインがわからない編集者向け

 

Coolors |5色のカラーパターン

 

Coolors - The super fast color schemes generator!
Generate or browse beautiful color combinations for your designs.

 

5色のカラーパターンを提案してくれるCoolorsは一番簡単に色のバリエーションを決められるツールかもしれません。

ランダムにバリエーションを変えたり、既存の色配列から好きなもの選ぶことができます。

 

Pigment|2色の調整

Pigment by ShapeFactory | Simple Color Palette Generator
A unique way to generate fresh and vibrant colors based on lighting and pigment, instead of math. Find a beautiful, free color palette in seconds to kick off yo...

 

2色のパターンを選び、彩度やコントラストに応じてバリエーションを選択することができます。

多色は選べないといった方にはまずこれぐらいからがおすすめ。

 

Adobe color|Adobeとの連携に

https://color.adobe.com/ja/create/color-wheel

 

Adobeが提供しているので他のソフト(illustraterやPhotoshopなど)と連携できるのは便利ですね。

さまざまなパターンを選んでテーマとして保存することができます。

Web Gradients|グラデーションのパターン

Free Gradients Collection by itmeo.com
Free collection of 180 background gradients that you can use as content backdrops in any part of your website.

 

ちょっとずれますがグラデーションのパターンを選ぶときに便利なツール。

けっこう迷うこと多いですよね。

Palettable|好きな色の組み合わせ

Palettable

 

好きな色を選んでいくだけで自動的に合った配列を作成してくれるツール。

好みを選んでいけばいいだけなので楽!

NIPPON COLORS|日本風の色配列

NIPPON COLORS - 日本の伝統色
The Traditional Colors of Nippon (Japan). This site is optimized to Webkit.

 

和風テイストがお好みの方はこのツール!

たしかに日本ぽい!っていう色がいろいろあっておもしろいです。

カラーグレーディングに応用しよう

色のパターンを見るのは楽しいですが、実戦形式で落とし込むならそのパターンを保存して、

カラーグレーディング痔にシャドウはこの色、ハイライトはこの色など当てはめていくといいですね!

体系的に学ばなくてもある程度これでカバーできるのでおすすめです!

Talk VideoのYouTubeをチェックする