Diseño y accesibilidad
Verificador de contraste de color
Calcula el contraste y comprueba criterios WCAG AA y AAA.
Abrir herramienta →4 Herramientas
Diseño y accesibilidad
Convierte colores, comprueba contraste y genera propiedades CSS con vista previa.
Comprueba decisiones visuales antes de publicar una interfaz.Apoya revisiones de accesibilidad y consistencia.Genera valores CSS listos para prototipos y documentación.
Diseño y accesibilidad
Conversor HEX, RGB y HSL
Convierte colores entre HEX, RGB y HSL y visualiza el resultado.
Abrir herramienta →Diseño y accesibilidad
Generador de gradiente CSS
Crea gradientes lineales y copia el CSS listo.
Abrir herramienta →Diseño y accesibilidad
Generador de box-shadow CSS
Ajusta desplazamiento, desenfoque, expansión y opacidad con vista previa.
Abrir herramienta →Cómo elegir la herramienta adecuada
Empieza por el resultado que necesitas, usa datos ficticios cuando sea posible y revisa la salida antes de aplicarla en un sistema real. Las páginas están organizadas para pasar de preparación a validación sin muchas plataformas.
Privacidad y rendimiento
El portal prioriza procesamiento en el navegador. Los archivos grandes pueden consumir memoria; prueba con una copia y conserva el original.