Equilibrador de paleta
Comprueba el contraste de la paleta frente a un color base y sugiere ajustes accesibles automáticamente.
Resumen
Ningún color cumple el objetivo
No se necesitan ajustes
Resultados
Añade colores HEX para evaluar el contraste.
Consejos
- Mantén al menos AA (4.5:1) para texto en superficies de marca.
- Prueba modos claro y oscuro; cambiar el color base puede modificar los resultados.
- Exporta variables CSS o JSON para sincronizarlas con sistemas de diseño.
Resumen
Equilibra muestras de la paleta de marca frente a un fondo elegido para cumplir objetivos de accesibilidad rápidamente.
Cómo usarlo
- Establece el color de fondo base y la relación de contraste deseada.
- Pega valores HEX de la paleta o una lista separada por comas.
- Revisa los ajustes sugeridos y exporta tokens CSS/JSON.
Casos de uso
- Garantizar que las paletas de marca cumplan AA en paneles y superficies de UI.
- Proponer alternativas accesibles para campañas de marketing.
- Auditar variantes en modo oscuro antes de las revisiones de diseño.
Consejos y conocimientos
- Valida los colores finales en componentes reales; las superposiciones pueden alterar el contraste.
- Mantén la documentación de paletas sincronizada con los tokens de diseño para evitar desviaciones.
- Comparte las exportaciones JSON con sistemas de diseño o equipos de QA.