パレットを使ったウェブサイトのデザインを集めました。各作例は固有の配色を保ち、近い色を考えるときの参考になります。
AI生成画像を使用したデザイン例です。
深いネイビーの背景とクリーム色のメニューで落ち着いた雰囲気を作りました。オレンジのボタンに視線を集め、大きな人物写真と文字でファッション誌らしさを表現しています。
#000080#071f3d#fff3cf#ec693d#d9e3e0#151c25#fff3cf / #071f3d — 14.91:1 · 基準を満たす#151c25 / #fff3cf — 15.49:1 · 基準を満たす#151c25 / #ec693d — 5.43:1 · 基準を満たす比率は記載した組み合わせの計算値で、パレットのすべての使い方の評価ではありません。装飾色は文字色の推奨ではありません。
温かな紙色と土色で器の質感を表現。ティールは器とコレクションボタンに使い、商品背景は静かに整えました。
#008080#faf7f0#e4dfd4#d19b71#172f31#ffffff#172f31 / #faf7f0 — 13.20:1 · 基準を満たす#ffffff / #008080 — 4.77:1 · 基準を満たす比率は記載した組み合わせの計算値で、パレットのすべての使い方の評価ではありません。装飾色は文字色の推奨ではありません。
AI生成画像を使用したデザイン例です。
オレンジの枠とボタンで温かなグレーの画面に活気を添えました。見出しは濃いオレンジで読みやすくし、流れるような立体グラフィックで技術イベントの雰囲気を表現しています。
#ff5733#ede9e2#202020#b62d0b#fff8ed#b9bcb9#202020 / #ede9e2 — 13.46:1 · 基準を満たす#b62d0b / #ede9e2 — 5.15:1 · 基準を満たす#202020 / #ff5733 — 5.17:1 · 基準を満たす比率は記載した組み合わせの計算値で、パレットのすべての使い方の評価ではありません。装飾色は文字色の推奨ではありません。