UI Color Balance Analyzer

スクリーンショットをアップロードして、配色バランスを確認できます

カラーバランスの参考情報

75-25-5の法則

75
25
5

主75/副25/アクセント5

より落ち着いた印象。高級感や余白重視のUIに。

60-30-10の法則

60
30
10

主60/副30/アクセント10

汎用的であらゆるデザインに適用可能。

70-20-10

70
20
10

主70/副20/アクセント10

80-15-5

80
15
5

主80/副15/アクセント5

黄金比配色

62
38

主62/副38

黄金比を基にした色面積構成。自然で飽きにくい。