Paleta de colores desde imagen
Sube una foto o pégala con Ctrl+V y obtén su paleta real de colores dominantes con clustering k-means++. HEX, RGB, HSL, porcentaje de dominancia, variables CSS y export JSON. Todo el análisis ocurre en tu navegador.
Arrastra una imagen aquí, pégala con Ctrl+V o selecciónala:
Hecho por
Miguel Ángel Colorado Marin (MACM)
Hecho por
Miguel Ángel Colorado Marin (MACM)
Full-Stack Developer · Guadalajara, España
Desarrollo aplicaciones web, herramientas digitales y proyectos completos — desde el diseño hasta el despliegue.
Las paletas armónicas se inventan a partir de un color; esta herramienta hace lo contrario: lee los colores que ya están en tu imagen. Reduce la foto a una malla de miles de píxeles, los agrupa con k-means++ (la variante con inicialización inteligente que evita agrupaciones pobres por mala suerte) y devuelve cada cluster como un color con su porcentaje de dominancia, es decir, cuánto pesa ese color en la imagen real. No hay servidores ni modelos de IA en la nube: el clustering corre en tu navegador con Canvas y aritmética entera, con semilla fija para que la misma imagen produzca siempre la misma paleta.
Características
- ✓K-means++ con semilla fija: paleta determinista
- ✓De 3 a 12 colores ordenados por dominancia real
- ✓HEX, RGB y HSL con un clic para copiar
- ✓Export como variables CSS o JSON
- ✓Arrastrar y soltar, pegar con Ctrl+V o selector de archivos
¿Cómo extraer la paleta de colores de una imagen?
- 1
Carga la imagen
Arrástrala al recuadro, pégala con Ctrl+V o elige el archivo. Nunca se sube a ningún servidor.
- 2
Elige cuántos colores
Ajusta el control de 3 a 12 colores; la paleta se recalcula al instante.
- 3
Lee los colores
Cada muestra muestra HEX, RGB, HSL, el porcentaje de dominancia y qué color de texto es legible sobre ella.
- 4
Copia o exporta
Copia los HEX de golpe, las variables CSS para tu hoja de estilos o descarga la paleta en JSON.
Preguntas frecuentes
¿En qué se diferencia del Generador de Paletas que ya tenéis?
El Generador de Paletas crea combinaciones armónicas a partir de un color que tú eliges (complementarios, análogos, triádicos). Esta herramienta no inventa nada: lee los colores dominantes que realmente hay en una imagen, con su peso real en píxeles.
¿Por qué dos imágenes parecidas dan paletas algo distintas?
K-means agrupa por distancia en el espacio RGB, así que pequeños cambios de exposición o compresión mueven los centroides. Lo que no cambia es la semilla: la misma imagen con el mismo número de colores produce siempre exactamente la misma paleta.
¿Qué resolución analiza realmente?
La imagen se reduce a un máximo de 320 px por lado y se muestrea hasta 60.000 píxeles, más que suficiente para dominantes estables y lo que mantiene el cálculo por debajo de un segundo incluso con fotos grandes.
Herramientas relacionadas
Incrusta Paleta de Colores desde Imagen en tu web
Integra Paleta de Colores desde Imagen en cualquier página web con un simple iframe. Gratis, con atribución a miguelacm.es.
<iframe
src="https://miguelacm.es/embed/color-palette-extractor"
width="100%"
height="700"
frameborder="0"
title="Paleta de Colores desde Imagen — miguelacm.es"
></iframe>