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

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

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

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

Color Hunt

Color Hunt

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

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

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

Pigment

Pigment

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

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

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

Happy Hues

Happy Hues

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

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

Random Material Palette Generator

Random Material Palette Generator

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

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

HELLO COLOR

HELLO COLOR

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

COLORS | Chart Color Generator

COLORS | Chart Color Generator

グラフで配色パターンを確認できるカラーパレットの見本サイトです。円グラフ、棒グラフのアイコンからグラフの形状を選択できます。

グラフ右下の鉛筆アイコンをクリックすると、より詳細な色の編集が行えます。

Colour Pallete Generator

Colour Pallete Generator

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

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

LOLCOLORS

LOLCOLORS

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

NIPPON COLORS

NIPPON COLORS

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

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

ColorMagic

ColorMagic

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

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

Share on Twitter
関連記事
素敵なデザインのWebサイトまとめ – 2022
素敵なデザインのWebサイトまとめ – 2022
素敵なデザインのWebサイトまとめ – 2024.07
素敵なデザインのWebサイトまとめ – 2024.07
素敵なデザインのWebサイトまとめ – 2024.03
素敵なデザインのWebサイトまとめ – 2024.03