デザインの参考になる配色カラーパレット見本サイトまとめ

デザインに欠かせない配色パターンを掲載している、カラーパレットの参考サイトをまとめました。

使用する色の数や、パターンの作り方など異なる方法で様々なおしゃれなカラーパレットを見つけることができます。

たくさんの色の組み合わせと出会えるカラーパレットは、ただ眺めているだけでも楽しいです。

Color Hunt

4色の配色パターンが掲載されているカラーパレットの見本サイトです。世界中のユーザーが投稿した配色パターン見本が掲載されています。

クリックすると、カラーコードなど詳細が確認できます。

ベースカラー、アクセントカラーごとに色面積の異なるカラーパレットが素敵です。

2色の配色パターンを掲載しているカラーパレットの見本サイトです。左メニューの「Pigment」と「Lightning」で細かい色の調整が可能です。

クリックすると、選択したカラーをメインに他のカラータイプを試すことができます。

円形のアクセントカラーを中央に配置したシンプルで、機能性の高いカラーパレットです。

Webデザイン向けの5色の配色パターンを掲載しているカラーパレットの見本サイトです。カラーパレットを選択するとサイト全体に適用され、実際にWebデザインに使用したプレビューを確認できます。

実際のWebデザインに近いプレビューで、イメージに合った配色を見つけることができます。

画面をクリックするたびに3色の配色パターンが表示される、カラーパレットの見本サイトです。おしゃれなテキストの配色は、右のアイコンからカードタイプやシンプルな配列にレイアウトの変更が可能です。

表示した配色の履歴が下に残るので、気に入った配色に簡単に切り替えることができます。

画面をクリックするたびに2色の配色パターンが表示される、カラーパレットの見本サイトです。太字のゴシック体を配置したシンプルでわかりやすいカラーパレットです。

美しい5色の配色パターンを掲載しているカラーパレットの見本サイトです。「GENERATE」ボタンをクリックするたびに、ランダムでカラーパレットが表示されます。

「DOWNLOAD」ボタンをクリックすると、カラーパレットをPNG画像で保存することができます。

涙のような「ドロップ型」が特徴的な、4色の配色パターンを掲載しているカラーパレットの見本サイトです。カラーパレット下のお気に入り登録数によって、人気の配色パターンが分かるようになっています。

和の伝統色を掲載しているカラー見本サイトです。色をクリックすると、背景がゆっくりと移ろいます。

明瞭なカラーチャートに、ゆったりとしたアニメーションが美しいカラー見本サイトです。

AIを活用したカラーパレット生成ツールです。入力したキーワードに合わせた5色のカラーパレットを生成してくれます。

生成したカラーパレット細かい色の調整も可能です。英語で色の名前も表記されているのもオシャレです。