【厳選】おしゃれな配色パターンが見つかるサイト7選

: ろん

2021.10.22

デザイン

デザイン制作の際に配色に困ったことはありませんか？そんな時に助かる配色パターンの参考サイトを７選紹介します！！

Adobe Color

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

こちらのサイトは、カラーホイールや画像からカラーパレットを作成してくれるサイトです。
カラーホイールでは、色を指定すると下記のカラーハーモニーに合わせてカラーパレットを作成してくれます。カラーモードを切り替えるとカラーコードも切り替わるので非常に便利です。

＜カラーハーモニーの種類＞

類似色 / モノクロマティック / トライアド / 補色 / 分割補色 / 二重分割補色 / 正方形 / コンパウンド / シェード / カスタム

テーマを抽出では、画像から指定したカラームードに合わせてカラーパレットを作成してくれます。

＜カラームードの種類＞

カラフル / ブライト / ミュート / ディープ / ダーク / なし

配色パターン以外にもアクセシビリティツール（コントラストチェッカー）では、テキストと背景色を指定してプレビューからコントラストを確かめることができるツールがあったり、アクセシビリティツール（多様な色覚対応）では、色覚シミュレーターで視覚障害（色覚障害など）を持った方からの見え方を確かめることができるツールがあるので、デザイン制作にとって便利な機能が備わっています。

Color Hunt

https://colorhunt.co/

こちらのサイトは、４色の配色パターンがずらりと掲載されています。
お気に入り機能が備わっており、自分が気に入った配色パターンをコレクションに登録することができます。お気に入りの追加が多い順に並び替えもできるので、人気な配色パターンをみることができる部分がColor Huntの最大の特徴です。また、下記のカテゴリごとに配色パターンを検索できるのも便利です。

＜カテゴリ＞

パステル / ネオン / ゴールド / ビンテージ / レトロ / 光 / 暗い / 暖かい / 寒い / 夏 / 秋 / 冬 / 春 / 虹 / 夜 / 宇宙 / 地球 / 自然 / 日没 / 肌 / 食べ物 / クリーム / コーヒー / クリスマス / ハロウィーン / 結婚式 / キッズ / 幸せ

Color Supply

https://colorsupplyyy.com/app

こちらのサイトは、1～4色の配色パターンを作成します。
「戻る」「次へ」をクリックすると配色パターンが切り替わる仕様です。同じ色でも彩度、明度が異なる配色パターンが20種類表示されます。指定した配色パターンでアイコンイラスト、パターン、グラデーションが表示されるので実際にデザインに落とし込んだときのイメージが付きやすいのが、このサイトの便利なところです。

配色パターン見本40選

https://saruwakakun.com/design/gallery/palette

こちらは、「暮らしの雑学」や「インターネットの知識」を分かりやすく解説しているサルワカさんの配色パターンです。
万人受けする配色、親近感を感じさせる配色、クール系の配色パターン、元気・アクティブ系の配色パターン、かわいい系の配色パターン、個性的な配色を紹介しています。
カラーパレットをクリックするとプレビューが表示されるのでイメージが付きやすいです。テーマは決まっているけど配色に悩んでいる方におすすめです。