Design Tools
Generador de paletas de color
¿Te encanta el ambiente de una foto? Extrae sus 6 colores dominantes con un clic e intégralos directamente en tu próximo diseño.
Cómo generar una paleta de color
- 1.Sube una imagen: Cualquier foto, obra de arte o captura de pantalla sirve: las imágenes coloridas dan las mejores paletas.
- 2.Genera la paleta: La herramienta muestrea la imagen y cuantiza sus píxeles en 6 colores dominantes.
- 3.Haz clic para copiar: Haz clic en cualquier muestra para copiar su código HEX al instante.
- 4.Copia las variables CSS: Usa el botón para obtener los seis colores como propiedades personalizadas CSS listas para pegar.
- 5.Descarga la tira: Guarda la paleta como una tira PNG para compartir con clientes o compañeros.
Generador de paletas de color Características
6 colores dominantes
La cuantización inteligente encuentra los colores que realmente definen tu imagen.
HEX con clic para copiar
Toca cualquier muestra para copiar su código HEX a tu portapapeles.
Exportación de variables CSS
Un botón copia los seis colores como propiedades personalizadas --color-1 ... --color-6.
Descarga de tira PNG
Guarda una imagen de tira de paleta para compartir en moodboards y presentaciones.
Regeneración instantánea
Sube otra imagen y obtén una paleta nueva en segundos.
100 % privado
El análisis de píxeles se ejecuta localmente en tu navegador. Las imágenes nunca se suben.
Generador de paletas de color Preguntas frecuentes
¿Cómo encuentra el generador de paletas los colores dominantes?
Muestrea miles de píxeles de tu imagen, agrupa colores similares (cuantización) y los clasifica por frecuencia de aparición, así que los seis ganadores realmente representan la imagen.
¿Por qué mis 6 colores son tan parecidos entre sí?
Las imágenes con un rango de color estrecho (como un paisaje con niebla) producen naturalmente tonos similares. Prueba con una imagen más colorida para una paleta más variada.
¿Qué me da «copiar como variables CSS»?
Un fragmento listo para pegar como :root { --color-1: #a3b18a; ... } que puedes soltar en cualquier hoja de estilo y referenciar en todo tu CSS.
¿Puedo usar estas paletas comercialmente?
Sí: los colores no tienen derechos de autor, y la herramienta solo lee píxeles de tu propia imagen. Usa las paletas donde quieras.
¿Mis imágenes se suben?
No. El análisis se ejecuta por completo en tu navegador sobre un canvas. Tus imágenes nunca salen de tu dispositivo.