👁️

Colo accesibilidad Vista previa

Preview y test Colo contrast ratios para WCAG accesibilidad compliance. Simulate Colo blindness y ensure your designs are accessible a 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

Herramientas Relacionadas