Generador de paletas de colores
Crea paletas armoniosas de 5 colores a partir de un color base (análogos, complementarios, tríadas y más) y cópialas en HEX o CSS.
Haz clic en un color para copiar el código HEX.
Procesado en tu dispositivo. Nada de lo que escribes se envía.
Cómo usar: Generador de paletas de colores
- Elige el color base con el selector o escribe el código (HEX, RGB o HSL), o haz clic en Generar paleta aleatoria.
- Cambia la armonía para ver distintas combinaciones: análoga, complementaria, triádica, tetrádica o monocromática.
- Haz clic en un color para copiar el código HEX o copia todos como variables CSS.
Acerca de esta herramienta
Armonías del círculo cromático
- Análoga: colores cercanos en el círculo (±30° y ±60°). Es una combinación tranquila y natural, ideal para fondos e identidades visuales sutiles.
- Complementaria: el color opuesto (180°). Ofrece el máximo contraste: usa el color complementario solo para destacar elementos, como botones.
- Complementaria dividida: los dos colores vecinos del opuesto (150° y 210°). Crea un contraste marcado, pero es más fácil de equilibrar.
- Triádica y tetrádica: tres o cuatro colores distribuidos a la misma distancia. Son vibrantes; elige uno dominante y usa los demás en áreas pequeñas.
- Monocromática: un mismo color en tonos claros y oscuros. Es elegante y una opción segura para interfaces.
Cómo usar la paleta en un proyecto
Una regla práctica de diseño es la 60-30-10: usa el color más neutro en el 60 % del espacio, el secundario en el 30 % y el color de acento en el 10 %. Antes de poner texto sobre un color, comprueba que sea legible con el conversor de colores, que calcula el contraste WCAG. Para extraer una paleta de una foto o un logotipo, usa extraer colores de una imagen.
Preguntas frecuentes
¿Cómo elegir colores que combinen?
Elige un color que represente el proyecto y aplica una armonía del círculo cromático: análoga para un estilo tranquilo, complementaria para crear contraste y monocromática para un aspecto sobrio. El generador calcula automáticamente los otros cuatro colores.
¿Puedo usar los colores generados en un logotipo y un sitio web?
Sí. Los colores son solo códigos HEX y no tienen derechos de autor. Copia los códigos en Canva, Figma, Photoshop o en el CSS de tu sitio web con las variables listas para usar.
¿Qué es una paleta monocromática?
Es una paleta de un solo color en distintos niveles de luminosidad, desde casi blanco hasta muy oscuro. Mantiene la identidad del color y funciona bien en interfaces, presentaciones y materiales institucionales.
¿De verdad es gratis? ¿Hay un límite diario?
Es gratis y no tiene límite diario. Como el procesamiento se realiza en tu dispositivo, no tenemos costos por uso ni necesitamos limitarte.
¿Funciona en el celular?
Sí. El sitio funciona en cualquier navegador moderno en Android, iPhone, Windows, Mac y Linux, sin instalar nada.
Herramientas relacionadas
Conversor de colores
Convierte colores entre HEX, RGB, HSL, HSV y CMYK, y comprueba el contraste WCAG entre dos colores.
Extraer colores de una imagen
Descubre la paleta de colores dominantes de una foto o un logotipo, con códigos HEX y RGB para copiar.
Generador de gradientes CSS
Crea gradientes lineales, radiales y cónicos con varios colores y copia el código CSS listo para usar.
Generador de sombras box-shadow CSS
Crea sombras CSS con varias capas, sombra interior y vista previa en tiempo real, y copia el código listo para usar.
Ruleta de nombres
Gira una ruleta de colores con los nombres que quieras y elige un ganador al instante.
Generador de números aleatorios
Genera números aleatorios dentro de cualquier intervalo, con o sin repetición, mediante un generador criptográfico.
Sorteo de nombres
Elige ganadores de una lista, divide a las personas en equipos o haz un amigo secreto en línea.
Generador de códigos de barras
Genera códigos de barras EAN-13, EAN-8, Code 128 e ITF en SVG o PNG, con cálculo y validación del dígito de control.