WEBサイト配色 (黄金比シミュレーター)

ベース・メイン・アクセントの「基本3色」に加え、フッター専用の背景色と文字色を個別に指定し、より実践的なレイアウトイメージを確認できます。

💡 配色の黄金比
ツールやサイトを作る際、以下の比率を意識するとバランス良く、失敗しにくいデザインになります。
  • ベースカラー (70%): 背景など最も広い面積を占める色。
  • メインカラー (25%): サイトの印象を決めるブランドカラー。
  • アクセントカラー (5%): ユーザーの目を引きたい部分（ボタンなど）に使う色。

🎨 おすすめ黄金比パターン

⚙️ カスタム設定

プレビュー

Home About Services

美しい配色のWebサイト

ベースカラー、メインカラー、アクセントカラーの黄金比を活用することで、視覚的に心地よく、ユーザーの行動を促す効果的なデザインを構築することができます。

今すぐ始める

Feature 1

シンプルで洗練されたレイアウト。

Feature 2

コントラストを活かした視認性。

Feature 3

ユーザーの目を引くアクセント。