配色で悩む初学者に使える無料配色ツール

こんにちは。しゅん（@shun_webdesign）です。
普段はデザインの仕事をしています。

皆さんはデザインの色を決める際にどう決めていますか？
「配色を決める時どの色を使えばいいのかわからない」って方結構多いのではないでしょうか。

色選びはWebデザインのとても重要な要素の一つです。
今回はそんな配色に困った際に使えるWebカラーパレット、配色ツールをご紹介させていただきます。

Webデザインにおける色の重要性

Webデザインにおいて配色は重要な要素です。例えば「白」を考えた時、どんなイメージが沸くでしょうか？
潔白、無垢、空虚、知的、、などなど人は無意識に色に対してそれぞれの印象を持っています。
色には見た目の綺麗さやかっこよさの印象だけでなく、気持ちを落ち着かせたり、集中力を高めたりといった気分的な効果もあるのでこれらを上手に使い分けることが必要です。

効果的に配色することでブランドのイメージやテーマを色によって伝えることが可能になり、Webサイトを通してユーザからの信頼を得ることにもつながります。

配色が決まってるカラーパレット

Color Palette Generator

カラーパレットをすばやく生成するツール。
CSSコードをコピーして貼り付けるだけで、パレットをWebプロジェクトで使用できます。
日本語にも対応しているので使いやすいです。

Pigment

カラーパターンが確認できるサイトです

カラーパターンをお気に入り登録できますし
カラーコードもrgb,pantoneにも対応。

Colors and Fonts

デジタルデザイナーやウェブエンジニア向けの色とフォントの精選されたライブラリです。

Culr

類似色、三色、四色、単色の4つのカテゴリからパレットを選択できます。