Crea una paleta que encaje contigo

Funciones y usos

El generador de paletas crea entre 3 y 8 colores a partir de un color inicial. Usa el selector o introduce HEX, RGB o HSL y explora armonías y variaciones más claras u oscuras.

Bloquea tus colores favoritos, genera combinaciones nuevas y ordena las muestras. Previsualiza un par de texto y fondo con su contraste, copia colores o descarga la paleta como PNG, variables CSS o JSON.

Las armonías de color, explicadas

Análogos

Los tonos vecinos en el círculo cromático dan a la paleta un aspecto armonioso.

Complementarios

Los tonos opuestos crean un contraste de color fuerte. Comprueba la legibilidad por separado al usarlos para texto.

Complementarios divididos

Un tono base se combina con los dos tonos vecinos a su opuesto para aportar contraste y variedad.

Triádicos

Tres tonos separados por 120 grados crean una combinación equilibrada de tres colores.

Tetrádicos

Dos pares complementarios crean un esquema de cuatro tonos. Esta herramienta los distribuye uniformemente por el círculo cromático.

Monocromáticos

Un mismo tono aparece en versiones más claras y oscuras para crear una paleta uniforme.

Sorpréndeme

Las combinaciones aleatorias ofrecen un punto de partida para explorar más allá de una armonía fija.

Formatos, opciones y límites

Los campos de color admiten HEX de 3, 4, 6 u 8 dígitos, con o sin #, y notación RGB/RGBA y HSL/HSLA. Los valores alfa controlan la transparencia. Usa el selector visual para cambios rápidos o escribe un valor para un ajuste preciso.

• Usa la rueda cromática y el control de tono de 0 a 359 grados, o empieza con Bosque, Rosa, Océano o Hora dorada. Bloquea colores individuales mientras generas los demás, cambia el orden de las muestras y elige los dos colores de la vista previa de texto y fondo.
• Descarga una referencia de paleta PNG de 1200 × 630 px, un archivo CSS con variables de color numeradas o JSON con la lista ordenada de colores. Copia una muestra HEX o la lista completa para paneles de marca, temas web y gráficos coordinados.

Trabaja sin cuenta: el texto y las fotos se procesan en tu navegador. Guarda un proyecto en este dispositivo o descarga una copia de seguridad para abrirlo más tarde.

Conviene saber

Bloquea los colores que quieras conservar antes de generar otra paleta. Las armonías son puntos de partida; comprueba el contraste de los colores destinados al texto.