Extraer la paleta de colores de una imagen
Obtén una paleta lista para usar a partir de una foto, una ilustración o una imagen de marca: la herramienta encuentra los colores dominantes, muestra qué parte de la imagen ocupa cada uno y los exporta como variables CSS.
Funciona en tu navegador
Cómo se usa
- Arrastrar una imagen.
- Elegir cuántos colores se extraen.
- Copiar los códigos HEX o las variables CSS.
Cómo funciona
La imagen se reduce a un máximo de 200 px y sus píxeles se agrupan con el algoritmo de agrupamiento k-means++: cada color de la paleta es la media de un grupo de píxeles parecidos, y su peso es la fracción de píxeles de ese grupo. Los píxeles transparentes se ignoran. La semilla es fija, así que la misma imagen da siempre la misma paleta.
Ejemplos
- Moodboard
- Una foto de una puesta de sol → tonos naranja intenso, coral, violeta, azul marino y arena.
Usos habituales
- Moodboards e identidad de marca
- Ajustar los colores de una interfaz a su imagen principal
- Inspiración para arte y diseño
Privacidad y seguridad
Esta herramienta funciona por completo en tu navegador. Tus archivos y tus textos nunca se suben a nuestros servidores: el procesamiento ocurre en tu dispositivo y los resultados se generan de forma local. Cómo trata los archivos cada herramienta
Preguntas frecuentes
¿Por qué no aparece un color de acento pequeño y vivo?
k-means favorece los colores que ocupan más superficie. Aumenta el número de colores para capturar los acentos.
¿Puedo editar la paleta?
Copia los códigos en el Generador de paletas de color o en tu herramienta de diseño.
Última actualización: