ゾーニング・コントラスト・チェッカー

白いベースに薄い色を重ねて、世界観を分ける。 デザイナーには明確な境界も、人によっては伝わっていないかもしれません。 4段階のコントラストで境界を確かめ、色覚特性やボーダーでどう補えるか確認しましょう。

ゾーンの2色

ゾーン 1（ベース）
ゾーン 2（塗り）

境界のコントラスト

計算中

—

入力された2色から比を計算します。

色覚特性
ボーダー
1

コントラスト 100%

入力色

表示 —

2

コントラスト 70%

やや薄い

表示 —

3

コントラスト 40%

薄い

表示 —

4

コントラスト 10%

境界なし

表示 —