カラーコード変換
HEX・RGB・HSLのカラーコードを相互に変換し、2色のコントラスト比を検査する。
変換
- HEX
#5fa97f - RGB
rgb(95, 169, 127) - HSL
hsl(146, 30%, 52%) - OKLCH
oklch(67.5% 0.098 157.53)
コントラスト比
通常の文字はこう見える。
大きい文字はこう見える。
4.54:1
| 達成基準 | 通常の文字 | 大きい文字 |
|---|---|---|
| AA | 適合4.5:1以上 | 適合3:1以上 |
| AAA | 不適合7:1以上 | 適合4.5:1以上 |
基準はWCAG 2の達成基準1.4.3（AA）と1.4.6（AAA）。通常の文字はAAが4.5以上、AAAが7以上。大きい文字はAAが3以上、AAAが4.5以上。大きい文字はおよそ24px以上、太字ならおよそ18.5px以上を指す。