Cómo funciona
Elige un color base y una regla de armonía, y se crea una paleta a juego girando el tono por el círculo cromático o cambiando la luminosidad. Toca cualquier muestra para copiar su código, o copia todo el conjunto como variables CSS para tu hoja de estilos.
Complementaria = tono + 180° · Triádica = tono + 120° y + 240°
Reglas de armonía
- Complementaria: colores opuestos para un contraste fuerte y botones de llamada a la acción.
- Análoga: colores vecinos en el círculo para diseños tranquilos y naturales.
- Triádica y tetrádica: tres o cuatro tonos repartidos por igual para paletas vivas y equilibradas.
- Complementaria dividida: los dos vecinos del color opuesto — contraste con menos tensión.
- Monocromática, tintes y sombras: un solo tono en varios niveles de luminosidad, ideal para estados de interfaz.
Consejos
- Usa un color como tono principal, otro como acento y el resto con moderación.
- Comprueba las parejas de texto y fondo con el comprobador de contraste antes de publicar.
- Todo funciona en tu navegador; no se guarda nada.
Criterios y fuentes
- Las armonías se calculan sobre el círculo cromático HSL definido en CSS Color Module Level 4
Última revisión 8 de octubre de 2026
Preguntas frecuentes
¿Cómo creo una paleta de colores a partir de un color?
Escribe tu color base y elige una regla de armonía. La herramienta gira el tono en el círculo cromático o cambia la luminosidad para crear colores a juego.
¿Qué armonía es mejor para un sitio web?
Las paletas análogas o monocromáticas transmiten calma y coherencia; añade un color complementario como acento para botones y enlaces.
¿Qué son los tintes y las sombras?
Los tintes son versiones más claras de un color y las sombras, versiones más oscuras. Son útiles para estados hover, bordes y fondos.
¿Puedo exportar la paleta?
Sí. Copia el bloque de variables CSS o toca cualquier muestra para copiar un solo código HEX.
¿Puede sugerir una paleta aleatoria?
Toca «Color base aleatorio» para empezar con un color nuevo y luego cambia de regla de armonía para explorar.