デザインの参考になる配色カラーパレット見本サイトまとめ
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/CC7CD52C-6379-41CD-8966-FF9B0AFC84CB.png)
デザインに欠かせない配色パターンを掲載している、カラーパレットの参考サイトをまとめました。
使用する色の数や、パターンの作り方など異なる方法で様々なおしゃれなカラーパレットを見つけることができます。
たくさんの色の組み合わせと出会えるカラーパレットは、ただ眺めているだけでも楽しいです。
Color Hunt
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co01-1024x532.png)
4色の配色パターンが掲載されているカラーパレットの見本サイトです。世界中のユーザーが投稿した配色パターン見本が掲載されています。
クリックすると、カラーコードなど詳細が確認できます。
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co01-1.png)
ベースカラー、アクセントカラーごとに色面積の異なるカラーパレットが素敵です。
Pigment
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co03-1024x485.png)
2色の配色パターンを掲載しているカラーパレットの見本サイトです。左メニューの「Pigment」と「Lightning」で細かい色の調整が可能です。
クリックすると、選択したカラーをメインに他のカラータイプを試すことができます。
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co03−1-1024x485.png)
円形のアクセントカラーを中央に配置したシンプルで、機能性の高いカラーパレットです。
Happy Hues
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co05-1024x485.png)
Webデザイン向けの5色の配色パターンを掲載しているカラーパレットの見本サイトです。カラーパレットを選択するとサイト全体に適用され、実際にWebデザインに使用したプレビューを確認できます。
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co05−1-1024x485.png)
実際のWebデザインに近いプレビューで、イメージに合った配色を見つけることができます。
Random Material Palette Generator
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co06-1-1024x485.png)
Random Material Palette Generator
画面をクリックするたびに3色の配色パターンが表示される、カラーパレットの見本サイトです。おしゃれなテキストの配色は、右のアイコンからカードタイプやシンプルな配列にレイアウトの変更が可能です。
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co06-2-1024x485.png)
表示した配色の履歴が下に残るので、気に入った配色に簡単に切り替えることができます。
HELLO COLOR
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co04-1024x485.png)
画面をクリックするたびに2色の配色パターンが表示される、カラーパレットの見本サイトです。太字のゴシック体を配置したシンプルでわかりやすいカラーパレットです。
COLORS | Chart Color Generator
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/web02-1024x499.png)
COLORS | Chart Color Generator
グラフで配色パターンを確認できるカラーパレットの見本サイトです。円グラフ、棒グラフのアイコンからグラフの形状を選択できます。
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/web03-1024x499.png)
グラフ右下の鉛筆アイコンをクリックすると、より詳細な色の編集が行えます。
Colour Pallete Generator
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co07-1024x485.png)
美しい5色の配色パターンを掲載しているカラーパレットの見本サイトです。「GENERATE」ボタンをクリックするたびに、ランダムでカラーパレットが表示されます。
「DOWNLOAD」ボタンをクリックすると、カラーパレットをPNG画像で保存することができます。
LOLCOLORS
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co02-1024x485.png)
涙のような「ドロップ型」が特徴的な、4色の配色パターンを掲載しているカラーパレットの見本サイトです。カラーパレット下のお気に入り登録数によって、人気の配色パターンが分かるようになっています。
NIPPON COLORS
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co08-1024x485.jpg)
和の伝統色を掲載しているカラー見本サイトです。色をクリックすると、背景がゆっくりと移ろいます。
明瞭なカラーチャートに、ゆったりとしたアニメーションが美しいカラー見本サイトです。
ColorMagic
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co09-1024x485.png)
AIを活用したカラーパレット生成ツールです。入力したキーワードに合わせた5色のカラーパレットを生成してくれます。
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co09-1-1024x485.png)
![](https://tamatuf.net/wp/wp-content/uploads/2024/02/co09-2-1024x485.png)
生成したカラーパレット細かい色の調整も可能です。英語で色の名前も表記されているのもオシャレです。