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