👁️

Col또는 접근성 미리보기

Preview 및 test col또는 contrast ratios 용 WCAG 접근성 compliance. Simulate col또는 blindness 및 ensure your designs are accessible 으로 everyone.

Foreground

Background

Contrast Ratio

10.1:1

AA AA Large AAA AAA Large

WCAG 2.1 compliance levels

Live Preview

The quick brown fox jumps over the lazy dog

This is body text at normal size. WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Small text (below 18px or 14px bold) must meet stricter requirements.

Color Blindness Simulation

The quick brown fox jumps over the lazy dog

This preview simulates how your color combination appears to users with different types of color vision deficiency.

WCAG AA (Normal text):: ≥ 4.5:1

WCAG AA (Large text):: ≥ 3:1

WCAG AAA (Normal text):: ≥ 7:1

WCAG AAA (Large text):: ≥ 4.5:1

관련 도구