1色から機械的に作る理由
配色で迷う原因は、選択肢が多すぎることです。ブランドカラーを1色だけ決めて、 あとは明度と彩度を規則的にずらして作ると、まとまりのある配色になります。 感覚で色を足していくより、破綻しません。
コントラスト比は「読めるか」の話です
薄いグレーの文字は洗練されて見えますが、明るい場所のスマートフォンでは読めません。 WCAGのAA基準(本文4.5以上)は、視力や環境に幅がある人でも読める最低ラインです。 デザインの好みより先に、ここを満たしているか確認してください。
アクセントカラーは「使わない」ほうが効きます
アクセントカラーをあちこちに使うと、どこが重要か分からなくなります。 押してほしいボタン1つに絞ると、その1つが際立ちます。 生成される段階色は、背景やボーダーなど控えめな用途に使ってください。
このツールについて
入力内容はブラウザの中だけで処理され、サーバーに送信されることはありません。