Generador de paletas

Pulsa Espacio para generar paletas aleatorias armoniosas con bloqueo, reorden y ajuste H/S/L por muestra. Exporta HEX, RGB, HSL, CSS, SVG o PNG, o cambia al modo imagen para extraer una paleta de cualquier foto.

Copiar como:

o Space

Bloquea para conservar · arrastra para reordenar · haz clic para copiar · Space para generar

Colores de interfaz

Convierte la paleta actual en tokens de interfaz listos para desarrolladores con contraste legible.

¿Qué es un generador de paletas?

Una forma rápida de encontrar colores que combinan

Un generador de paletas crea un conjunto de 5-10 colores diseñados para verse bien juntos. En lugar de elegir colores uno por uno y esperar que combinen, obtienes una armonía lista en un clic, como tener un asesor de color profesional en tu navegador.

Nuestra herramienta ofrece dos métodos probados: Aleatorio crea armonías nuevas desde la teoría del color, mientras que el modo imagen extrae los colores que realmente dominan tu foto contando píxeles. Ambos son gratis e instantáneos, sin registro.

Usa la paleta para marcas, sitios web, publicaciones sociales, ilustraciones o presentaciones, copia como HEX, RGB, HSL o variables CSS, o descarga como TXT, SVG o PNG.

Cómo usar

Dos formas de crear: aleatorio e imagen

🎲 Modo aleatorio (predeterminado)

01

Elige una armonía

Elige Aleatorio, Análogo, Complementario, Triádico, Tetrádico, Mono o Sombras. Cada uno usa reglas de tono de la teoría del color.

02

Genera y bloquea

Pulsa Generar o pulsa Espacio. Bloquea los colores que te gusten, las casillas desbloqueadas se regeneran mientras las bloqueadas quedan fijas.

03

Ajusta y exporta

Arrastra para reordenar, pulsa el engranaje para ajustar H/S/L, elimina o añade hasta 10. Copia como HEX/RGB/HSL/CSS o descarga CSS, JSON, SVG o PNG. El icono de reloj guarda tus últimas 10 generaciones para restaurarlas rápido.

🖼️ Modo imagen

01

Sube una imagen

Pulsa el icono de imagen, arrastra y suelta, pega o carga con URL.

02

Extracción automática

Analizamos unos 12k píxeles, cuantizamos, ordenamos por área (dominancia) y fusionamos colores cercanos (distancia 0.08).

03

Ajusta y usa

La paleta aparece sobre la vista previa. Elimina muestras, arrastra para reordenar, copia en tu formato o exporta el conjunto.

Guía de armonías

Elige la regla según tu estilo, nosotros hacemos los cálculos.

Aleatorio

Tonos vibrantes y bien distribuidos (S 65-90, L 48-66). Ideal para explorar e inspirarte.

Análogo

Tonos separados ±30°/60°. Tranquilo y cohesionado, ideal para fondos, degradados y temas de naturaleza.

Complementario

Tonos separados 180°. Pares de alto contraste, ideales para llamadas a la acción, logotipos y marcas deportivas o de comida.

Triádico

Tres tonos separados 120°. Equilibrado pero vivo, popular en ilustraciones, paneles y envases.

Tetrádico

Cuatro tonos en rectángulo (0/90/180/270). Rico y variado. Usa uno dominante y el resto como acentos.

Monocromático / Sombras

Un solo tono con distinta luminosidad y saturación. Elegante y minimalista, perfecto para SaaS, editorial y marcas monocromas.

Casos de uso reales

Identidad de marca

Genera un kit de marca de 5 colores en segundos. Bloquea tu primario, explora tonos de apoyo y exporta variables CSS directo a tu sistema de diseño.

Diseño UI y web

Crea interfaces accesibles: fondo, superficie, primario, acento y texto. Comprueba el contraste, copia HEX listo para Tailwind y pega en Figma.

Redes y marketing

Acerta con el estilo de campaña rápido, pastel para bienestar, complementarios para ofertas, sombras para premium. Pulsa Espacio hasta que encaje.

Ilustración y arte

Las armonías triádicas y análogas dan a los ilustradores conjuntos equilibrados sin mezclas apagadas. Ajusta H/S/L por muestra para impresión.

Interiorismo y moda

Extrae paletas de fotos de habitaciones, conjuntos o productos para mantener historias de color reales y coherentes.

Datos y presentaciones

¿Necesitas 6-10 colores distintos pero armoniosos para gráficos? Genera tetrádicos, bloquea los legibles y exporta la leyenda SVG/PNG.

Preguntas frecuentes

1¿Cómo genero una paleta de colores aleatoria?

Elige una armonía (o Aleatorio), pulsa Generar o pulsa Espacio. Cada pulsación crea un conjunto nuevo de 5 colores (ajustable de 1-10 con +/-). Bloquea cualquier muestra para conservarla mientras el resto se regenera.

2¿También puedo extraer una paleta de una imagen aquí?

Sí, pulsa el icono de imagen para subir o pegar una foto y la herramienta cuenta los píxeles para mostrar los tonos dominantes sobre la vista previa. Para un flujo centrado en fotos con una imagen de ejemplo precargada, prueba el generador de paleta de imagen dedicado.

3¿Cuál es la diferencia entre los modos Aleatorio e Imagen?

Aleatorio crea armonías basadas en teoría desde cero (matemática HSL). El modo imagen encuentra los colores que realmente dominan tu foto por frecuencia, ideal para combinar ilustraciones, logotipos o fotografías existentes.

4¿Cómo funcionan bloquear, arrastrar y ajustar?

Bloquear (icono de candado) fija un color entre generaciones. Arrastra cualquier muestra para reordenar (el orden afecta la exportación CSS). El icono de engranaje abre controles H/S/L para afinar sin salir de la página.

5¿Qué significan las opciones de armonía?

Análogo son vecinos en el círculo (tranquilo). Complementario son opuestos (atrevido). Triádico es 3x120° (equilibrado). Tetrádico es 4 esquinas (rico). Monocromático/Sombras es un tono con distinta luminosidad (minimalista). Aleatorio es una mezcla libre y vibrante para descubrir.

6¿En qué formatos puedo copiar o descargar?

Usa el selector Copiar como para HEX, RGB, HSL o variables CSS, controla tanto muestras sueltas como el botón de copiar conjunto. La ventana de descarga ofrece cuatro pestañas: CSS (guardado como palette.txt), JSON, tira SVG o PNG etiquetado.

7¿Es gratis? ¿Se suben mis imágenes?

Sí, gratis para siempre sin registro. Las paletas aleatorias son pura matemática del color, y cualquier foto subida se lee localmente con Canvas.

8¿Cuántos colores puede tener una paleta?

De 1 a 10. Usa -/+ junto a la tira. Aleatorio empieza con 5, imagen con 8 (vista dominante). El historial guarda tus últimas 10 generaciones para restaurarlas rápido.

Generador de paletas de imagen

Extrae la paleta de cualquier foto

Generador de degradados

CSS lineal, radial y cónico

Comprobador de contraste

Notas de legibilidad de texto WCAG

Conversor de color

HEX RGB HSL HSV CMYK LAB