Leonardo

Leonardo es una herramienta basada en la web para crear, gestionar y compartir sistemas de color. Está construida específicamente para diseñar interfaces de usuario y visualizaciones de datos con un fuerte enfoque en la accesibilidad. Puedes usarla para generar temas de color completos donde las muestras se crean basándose en ratios de contraste objetivo, lo que elimina la necesidad de realizar comprobaciones de accesibilidad manuales. También crea temas adaptativos, permitiéndote ajustar el brillo, el contraste y la saturación para producir modos claro y oscuro rápidamente.

Lo que hace que Leonardo destaque es su precisión y profundidad. Trabaja en diferentes espacios de color para crear escalas perceptualmente equilibradas, ofrece controles avanzados para paletas seguras para personas con daltonismo y proporciona vistas de análisis únicas, como modelos 3D de tu tema de color. Puedes exportar tu trabajo como archivos SVG para herramientas de diseño o como salidas listas para desarrolladores, como propiedades personalizadas de CSS y design tokens del estándar W3C. También es un proyecto de código abierto de Adobe, lo que significa que su desarrollo es transparente y está influenciado por la comunidad.

Esta herramienta es más útil para equipos de diseño y desarrollo que trabajan en productos digitales. Los diseñadores de UI/UX pueden usarla para establecer una base de color fiable y accesible. Los desarrolladores front-end pueden integrar los tokens generados directamente en su código. Los especialistas en visualización de datos se benefician de las herramientas para crear escalas de color secuenciales y divergentes que sean visualmente efectivas y accesibles para todos los usuarios.