Readable text
本文のコントラストと行間を確認しながら、読みやすい配色を選べます。
Brand
Design with confidence.
色の組み合わせを、実際の UI コンポーネントに当て込みながら検証できます。 ボタン、カード、背景、テキストのコントラストを一目で確認。
Conversion snapshot
今の配色での UI イメージ。
Signups
+18%
Time on page
+32%
Call-to-action
ボタンの色とホバー時の印象を、背景とのバランス込みでチェック。
Surface layers
カード・パネル・背景のレイヤー構造を意識した配色検証。
AI 配色コメント
パレットを選ぶと、ここに AI 風の説明が表示されます。