Colores y diseño
Generador de paletas de colores
Entra un color, salen cuatro armonías listas para usar.
Complementario
Análogos
Triádico
Monocromo
Tienes un color — el de un logo, una marca, un flechazo — y necesitas toda una paleta que funcione con él. Elígelo con el selector o pega su código HEX: la herramienta calcula al instante cuatro armonías clásicas de la teoría del color. La complementaria para un contraste fuerte, las análogas para un conjunto suave y coherente, la triádica para una composición viva y equilibrada, y el monocromo para escalar matices del claro al oscuro. Cada muestra es clicable: un clic copia el código HEX, listo para pegar en tu CSS, en Figma o en tu manual de marca. Todo se calcula en vivo en tu navegador, sin registro y sin límites.
¿Cómo funciona?
- Elige tu color base con el selector o pega un código HEX.
- Las cuatro armonías se calculan al instante.
- Compara los esquemas complementario, análogo, triádico y monocromo.
- Haz clic en cualquier muestra para copiar su código HEX.
Preguntas frecuentes
¿Qué armonía funciona mejor para un sitio web?
La análoga o la monocroma para el ambiente general, reservando el color complementario para botones y llamadas a la acción: el contraste atrae la mirada justo donde hace falta. La triádica encaja con marcas más expresivas, ilustradas o lúdicas.
¿Cómo se calculan estas armonías?
Rotando el tono sobre el círculo cromático (en espacio HSL): la complementaria está a 180°, las análogas a ±30°, la triádica a ±120°. El monocromo varía la luminosidad y la saturación manteniendo el tono constante.
¿Cuántos colores necesita la paleta de un sitio web?
En la práctica: un color principal, un acento para las acciones y de tres a cinco tonos neutros para fondos y textos. Demasiados colores vivos diluyen la jerarquía visual — la contención es tu aliada.