👁️
Colou acessibilidade Pré-visualização
Preview e test colou contrast ratios para WCAG acessibilidade compliance. Simulate colou blindness e ensure your designs are accessible para everyone.
Contrast Ratio
10.1:1
AA
AA Large
AAA
AAA Large
WCAG 2.1 compliance levels
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.
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
Ferramentas Relacionadas
🎨
Background Pattern Geradou
CSS / Estilos
15.6k
📈
Bezier Curve Visualizer
Ferramentas para Desenvolvedores
13.5k
📦
CSS Box Model Visualizer
Ferramentas para Desenvolvedores
13.2k
👁️
CSS Backdrop filtrar Pré-visualização
Pré-visualização e Renderização ao Vivo
12.8k
✂️
Clip Path Geradou
CSS / Estilos
12.5k
🖨️
CMYK ↔ RGB Conversou
Ferramentas de Cor
11.8k
🏷️
Badge Geradou
CSS / Estilos
11.0k
🎨
CSS Colou Mix Function Geradou
Ferramentas de Código
10.0k
🎨
CSS Colou Function Conversou
Ferramentas de Cor
10.0k
🎭
paleta de coues para CSS Mask gradiente
Ferramentas de Código
10.0k
🔄
ASCII <-> Hex Dump Conversou
Conversores
10.0k
👁️
JSON paramatadou & Pré-visualização
Pré-visualização e Renderização ao Vivo
10.0k
🔧
SVG Code Pré-visualização
Pré-visualização e Renderização ao Vivo
10.0k
🔄
Binary / Hex / Octal Text Conversou
Conversores
10.0k
🎨
ASCII Art Geradou
Ferramentas de Design
10.0k
🌈
Analogous Colou Geradou
Ferramentas de Cor
10.0k