Crea una paleta de colores para UI
Rueda de armonías, preajustes de estado de ánimo y de tema de UI, comprobación de contraste WCAG — exporta a variables CSS, Tailwind, SCSS, tokens JSON o Figma.
Cómo funciona el generador de paletas
Crea paletas de colores armónicas con la teoría del color: rueda de armonías, preajustes rápidos, comprobación de contraste y exportación en cualquier formato.
Armonías del círculo cromático
Elige un tono base y genera paletas complementarias, análogas, triádicas, complementarias divididas y tetrádicas según los principios de la teoría del color.
Generación rápida
Consigue una paleta lista para producción con un clic. El generador crea un conjunto equilibrado de colores principales, secundarios, de acento y neutros.
Comprobación de contraste
La comprobación de contraste WCAG integrada muestra qué combinaciones de colores cumplen los estándares de accesibilidad AA y AAA. Diseña paletas bonitas que además sean accesibles.
Exporta y guarda
Exporta las paletas como variables CSS, configuración de Tailwind, SCSS o JSON. Guárdalas en tu biblioteca para usarlas después o compártelas con un enlace.
Preguntas frecuentes
Las armonías de colores son combinaciones basadas en la posición de cada color en el círculo cromático. Los colores complementarios están enfrentados y crean un contraste fuerte. Los análogos están uno junto a otro y resultan cohesionados. Los triádicos están separados a la misma distancia y ofrecen una variedad equilibrada.
Una paleta de diseño típica necesita 5–8 colores: un color principal de marca, uno secundario, un acento para los CTA, un conjunto para éxito, error y advertencia, y 2–3 grises neutros. El generador te ayuda a crearlos todos a partir de un solo tono base.
Las WCAG (Pautas de Accesibilidad para el Contenido Web) definen relaciones de contraste mínimas entre el texto y el fondo. AA exige 4,5:1 para texto normal; AAA, 7:1. Cumplir estos estándares garantiza que las personas con discapacidad visual puedan leer tu contenido.
Sí. Introduce cualquier valor HEX, RGB o HSL como color base y el generador creará armonías a su alrededor. Es útil cuando ya tienes un color de marca y necesitas ampliarlo a una paleta completa.