Estudio de Paletas y Degradados
Crea paletas armónicas, diseña degradados CSS y comprueba el contraste de accesibilidad, todo en tu navegador.
Generador de paletas
Exportar tokens CSS/Tailwind es una función Pro.
Creador de degradados
background: linear-gradient(90deg, #4f46e5, #ec4899);Comprobador de contraste (WCAG)
Lleva las paletas directo al código
Pago único. Exporta paletas como variables CSS, config de Tailwind y JSON, para siempre.
El kit de color del diseñador
Armonías inteligentes
Genera paletas complementarias, análogas, triádicas y monocromáticas desde cualquier color base.
Accesible por defecto
Comprueba el contraste WCAG AA/AAA para que tu texto sea legible para todos.
CSS listo para copiar
Obtén códigos hex y CSS de degradados con un clic — sin complicaciones.
Preguntas frecuentes
¿Esta herramienta de color es gratis?
Sí. Paletas, degradados y comprobación de contraste son gratis para siempre. Pro añade la exportación de código.
¿Qué modelos de color usáis?
Las armonías se calculan en HSL para resultados perceptualmente uniformes y se exportan en hex.
¿Qué mide el comprobador de contraste?
El ratio de contraste WCAG entre dos colores, con indicadores AA (4.5) y AAA (7).
¿Puedo exportar a Tailwind?
Sí — la exportación a variables CSS, config de Tailwind y JSON forma parte de Pro.