Webデザインの配色に迷ったら参考にするサイト

Webデザインの配色に頭を悩ませている方も多いのではないでしょうか?配色が苦手、色をどう選んで良いかわからない、そんな方はぜひこの4つのサイトをチェックしてみてください!

Color Hex Color Codes

http://www.color-hex.com/

好きな色を選ぶと、その色のグラデーションパターンや、補色を使用した配色パターンを確認することができます。任意の色を指定することも可能です。
16進数、RGB、CMYKなど、様々な表記を確認できる点もポイントです。

Paletta

http://paletta.mrk1869.com/

クリックした色を中心に、調和のとれたパレットが生成されるサイトです。同系色でデザインをまとめたい、という場合にとても参考になります。

Coolors.co

https://coolors.co/

トップページで「Start the Generator,it’s free」のボタンを押すと、配色パターン生成ページに飛びます。
スペースキーを押すたびに、自動で配色パターンが生成されます。
スピーディーに生成されるので(ボタンひとつでパッと切り替わる!)、とりあえず様々な配色パターンを見てみたい、という場合にオススメです。

Adobe Color CC

https://color.adobe.com/

カラーホイールで直感的に色を指定することができます。Adobe IDでログインすると、作成したカラーテーマを保存しておくこともできます。細かな調整ができるので、最終的な配色パターン決定時の微調整に最適です。

まとめ

ツールで生成した配色で、意外にしっくりくる色が見つかるかも?他のデザイナーやクリエイターが作成したカラーパレットを眺めるのも楽しいですね!

関連記事