Color Lab
前景色と背景色のコントラスト比を確認しながら、色の数値情報と派生色をまとめて検証できます。
STEP 1
色設定とコントラスト判定
前景色
背景色
Large Text
Small Text
UI Component UI Component
Contrast ratio
5.2
1 : 5.20
WCAG AA 基準
- Large Text
- Small Text
- UI Component
AAでは本文も通ります。AAAでは小さい文字が不足します。
STEP 2
色情報
Foreground
#596F70
数値情報はコピーでき、派生色と調和色の計算もこの色を基準に更新されます。
STEP 3
バリエーション
各カラーコードをコピーできます