配色センス無くてもOK！おすすめのWEBカラーパレットツール12選

色のセンスは重要だと感じたことはありませんか？

例えばSNSの自分のホームのデザインを考える時、イメージ通りの配色にならなかった・・・という事があります。ホームをお洒落にすることで、フォロワーの方々に与える印象も変わってくるので上手くできないとガッカリします。

しかし配色にはセンスも入り、センスないから諦めた・・・というユーザーの方も。

色の配色が苦手というユーザーの方はぜひ1度使ってみてください。今回はそんな便利なWEBカラーパレットツールの中でもおすすめの12選を紹介します。

それではおすすめのWEBカラーパレットツール12選を紹介します。すべて無料で登録等も不要なので、お気軽にご利用ください。

「Dislike(嫌い)」を選択した場合、次の色の候補が表示されます。色が実際に表示されることで自分のイメージにピッタリな色を見つけやすく、自分のイメージ通りの配色ができます。何となくこんな色合いにしたいとイメージがある方はぜひお試しください。

この色のカラーコードは何？と気になった場合は、しずくにカーソルを合わせてください。するとカーソルを合わせたしずくの色のカラーコードが表示されます。

5色の中に気に入った色があった場合は、ロックすることもできます。スペースキーを押すとそのロックした色に合う配色を提案してくれるので、どんどん自分好みの配色になっていきます。

使い方はサイトを開いて、画面をクリックするだけです。カラーコードが知りたい時は画面の真ん中より少し下の部分にその色のカラーコードが表示されています。

ピカソやゴッホの他に、日本の作品では葛飾北斎の神奈川沖浪裏の配色がありました。配色を知ることでその作品のまた新たな一面を知れ面白いと思います。

トレンドや人気順に並べ替えることもでき、今どんな配色が流行しているのか知ることができます。

中には自分の知りたい有名サービスのカラーが見つからない・・・という時があります。そんな時は上の検索BOXにInstagramの色が知りたいなら「Instagram」と入力してください。すると検索結果に表示されます。ただし、日本語では検索できないようなので注意してください。

 

フルカラーの配色を探したい、マテリアルデザインの配色が知りたい場合は上のメニューの「PALETTES」をクリックしてください。すると「FULL COLOR」「MATERIAL DESIGN」「FLATUI DESIGN」というカテゴリーが表示されるので、探したい配色のジャンルを選んで探してください。

Random Color Palettesはhttps://randomcolorpalettes.com/#fff699-#b1aaef-#caef5b-#154572-#fc8aabの様にURLにカラーコードが入っているのでSNSなどで誰かと共有することも可能です。

通常は新しい順にカラーパレットが並んでいますが、左上にある「New」をクリックすれば人気順かランダムに並び替えることも可能です。

細かいカテゴリーに分けられており「万人受けする配色」「親近感を感じさせる配色」「クール系の配色パターン」「元気・アクティブ系の配色パターン」「かわいい系の配色パターン」などの中から探すことができます。気に入った配色パターンをクリックすると右側の「配色プレビュー」に反映されます。

グラデーションもスライダーを動かすと0～40までの好きな段階に調節できます。

例えば赤と青を選んだ場合、赤が強いグラデーション、青が強いグラデーションなども自分好みに簡単に調整できます。グラデーションのWEBカラーパレットツールをお探しの方はぜひお試しください。