Optimización de Accesibilidad

Audita y optimiza tu paleta automáticamente para cumplir WCAG 2.1 y ser segura para daltónicos.

Puntuación de Accesibilidad
67/100

Tu Paleta

Nivel WCAG:
#FF5733
#33FF57
#3357FF
#F3FF33
#FF33F3

Diagnóstico: Requiere Ajustes

Hemos detectado 4 problemas de contraste o visibilidad. Podemos ajustar matemáticamente los colores manteniendo su esencia.

Informe de Auditoría

Colores 1 y 3 difíciles de distinguir (1.69:1) en modo normal
Colores 1 y 5 difíciles de distinguir (1.05:1) en modo normal
Colores 2 y 4 difíciles de distinguir (1.23:1) en modo normal
Colores 3 y 5 difíciles de distinguir (1.78:1) en modo normal

💡 Consejo

Tus colores son muy parecidos entre sí. Para mejores resultados, usa al menos un color claro y uno oscuro, o cambia algunos manualmente.

Usa el candado 🔒 para proteger colores importantes antes de reparar.

WCAG AA
PASS
WCAG AA es el estándar web que requiere un contraste mínimo de 4.5:1 entre texto y fondo.
Colorblind
WARN
8% de los hombres tienen daltonismo. Estos colores pueden verse muy similares para ellos.

Estadísticas de Paleta

Distribución de Luminosidad

0%
20%
40%
60%
100%

Ideal: distribuido en todos los rangos

Luminosidad Media
47%
Saturación Media
100%
Rango de Luminosidad
76%
✓ Buen rango de contraste
Temperatura
❄️ Fría
Diversidad de Tono42%

Vista Previa de Texto

Sample TextTexto secundario a menor tamaño
6.7:1
AA ✓AAA ✓
Sample TextTexto secundario a menor tamaño
15.6:1
AA ✓AAA ✓
Sample TextTexto secundario a menor tamaño
5.3:1
AA ✓AAA ✓
Sample TextTexto secundario a menor tamaño
19.2:1
AA ✓AAA ✓
Sample TextTexto secundario a menor tamaño
7.0:1
AA ✓AAA ✓

Progreso de Accesibilidad

4/5criterios
Progreso General80%
Contraste WCAG AA
Seguro para Daltónicos
Rango de Luminosidad
Diversidad de Color
Sin Conflictos de Rol

Comparación de Daltonismo

Haz clic en "Ver Todas" para ver tu paleta simulada para diferentes tipos de daltonismo

Verificador de Contraste Personalizado

Presets de Paletas Accesibles

Haz clic en "Ver Presets" para ver paletas de colores accesibles prediseñadas

Sugerencias Automáticas

Haz clic en cualquier sugerencia para aplicarla a tu paleta

Color 1: #FF5733Tiene problemas de accesibilidad
Alternativas sugeridas:
Color 2: #33FF57Tiene problemas de accesibilidad
Alternativas sugeridas:
Color 3: #3357FFTiene problemas de accesibilidad
Alternativas sugeridas:
Color 4: #F3FF33Tiene problemas de accesibilidad
Alternativas sugeridas:
Color 5: #FF33F3Tiene problemas de accesibilidad
Alternativas sugeridas:

Análisis Detallado por Color

#FF5733Color 1

Contraste de Texto (WCAG)

BlancoFAIL
3.15
NegroAA
6.66
Mejor legibilidad con texto NEGRO
Texto normal (14pt+)
NormalAa Text
Large/BoldAa Bold

Simulación Visual

protanopia
deuteranopia
tritanopia

Conflictos Detectados

  • • Colores 1 y 3 difíciles de distinguir (1.69:1) en modo normal
  • • Colores 1 y 5 difíciles de distinguir (1.05:1) en modo normal
#33FF57Color 2

Contraste de Texto (WCAG)

BlancoFAIL
1.35
NegroAAA
15.58
Mejor legibilidad con texto NEGRO
Apto para todo texto
NormalAa Text
Large/BoldAa Bold

Simulación Visual

protanopia
deuteranopia
tritanopia

Conflictos Detectados

  • • Colores 2 y 4 difíciles de distinguir (1.23:1) en modo normal
#3357FFColor 3

Contraste de Texto (WCAG)

BlancoAA
5.32
NegroFAIL
3.95
Mejor legibilidad con texto BLANCO
Texto normal (14pt+)
NormalAa Text
Large/BoldAa Bold

Simulación Visual

protanopia
deuteranopia
tritanopia

Conflictos Detectados

  • • Colores 1 y 3 difíciles de distinguir (1.69:1) en modo normal
  • • Colores 3 y 5 difíciles de distinguir (1.78:1) en modo normal
#F3FF33Color 4

Contraste de Texto (WCAG)

BlancoFAIL
1.10
NegroAAA
19.16
Mejor legibilidad con texto NEGRO
Apto para todo texto
NormalAa Text
Large/BoldAa Bold

Simulación Visual

protanopia
deuteranopia
tritanopia

Conflictos Detectados

  • • Colores 2 y 4 difíciles de distinguir (1.23:1) en modo normal
#FF33F3Color 5

Contraste de Texto (WCAG)

BlancoFAIL
2.99
NegroAAA
7.02
Mejor legibilidad con texto NEGRO
Apto para todo texto
NormalAa Text
Large/BoldAa Bold

Simulación Visual

protanopia
deuteranopia
tritanopia

Conflictos Detectados

  • • Colores 1 y 5 difíciles de distinguir (1.05:1) en modo normal
  • • Colores 3 y 5 difíciles de distinguir (1.78:1) en modo normal