Generador de degradados
Generador de degradados gratuito. Cree degradados lineales, radiales, cónicos, mesh y aurora. Exporte a CSS, Tailwind, SVG y más.
Qué incluye
Creador de temas
Genere un sistema de diseño completo a partir de un color. Escalas 50-950 para primary, secondary, accent y neutral con cumplimiento automático WCAG.
Conversor
Convierta entre HEX, RGB, HSL, HSV, CMYK, CIE Lab, OKLab y OKLCH con un clic.
Verificador de accesibilidad
Verificación de contraste WCAG 2.1 para AA/AAA. Ajuste automático de colores para cumplir estándares.
Exportaciones para desarrolladores
Exporte como variables CSS, configuración Tailwind, SCSS, tokens Style Dictionary o SVG. Generación completa de tokens de diseño.
Simulador de daltonismo
Simule protanopia, deuteranopia, tritanopia y acromatopsia para verificar sus diseños.
Preguntas frecuentes
¿Cómo funciona el Creador de temas?
Ingrese un color primario y generamos un sistema de diseño completo: escalas de 11 pasos (50-950) para primary, secondary, accent y neutral, más colores semánticos, temas claro y oscuro, y tokens para desarrolladores. Elija entre 30+ estilos, 20+ tipos de proyecto y 15+ personalidades de marca.
¿Puedo exportar tokens de diseño?
Sí. Exporte el sistema de diseño completo como propiedades CSS personalizadas, configuración Tailwind CSS v4, variables SCSS, LESS o JSON Style Dictionary — listo para copiar y pegar en su proyecto.
¿Almacenan mis datos?
No. Todo funciona en su navegador. Los favoritos se guardan en localStorage y nunca salen de su dispositivo.
¿Cómo funciona la verificación de accesibilidad?
El Creador de temas verifica automáticamente cada par texto-fondo para cumplimiento WCAG 2.1 AA y ajusta los colores cuando es necesario. La pestaña de verificación de contraste proporciona análisis detallado AA/AAA.
¿Listo para empezar?
Vaya al generador y comience a crear datos realistas ahora mismo
Abrir Color Studio