Extractor de paleta de colores

Sube una imagen y extrae los colores que realmente la definen. Haz clic en cualquier muestra para copiar su código hex.

Haz clic para elegir una imagen, o arrástrala hasta aquí

También funciona con pegar (Ctrl+V). Se queda en tu dispositivo, no se sube nada.

Cómo funciona

Los colores se muestrean directamente de tu imagen usando la API de canvas y se agrupan por similitud. No se sube nada, todo ocurre en tu navegador.

Cómo funciona

Tu imagen se dibuja en un canvas oculto, reducida a un máximo de 200px en su lado más largo, porque una miniatura tiene casi la misma distribución de color que el original y se lee miles de veces más rápido. Los píxeles RGBA en bruto salen de getImageData(), y cualquiera con más de la mitad de transparencia se descarta. Cada píxel restante cae en una cuadrícula de 6 niveles por canal, 216 grupos en total, y cada muestra es el promedio de los píxeles reales de su grupo, no el centro del grupo, lo que evita resultados «posterizados».

El límite honesto de este enfoque: mide área, no importancia. Un retrato sobre una pared beige entregará cinco tonos beige antes de mencionar la chaqueta azul del sujeto, porque la pared simplemente tiene más píxeles. Si buscas colores de acento en vez de dominantes, sube el número de colores y mira hacia el final de la lista, o recorta la imagen a la zona que te interesa antes de subirla.

La imagen nunca sale de tu equipo: se carga mediante una URL de objeto local, se dibuja en un canvas en memoria y se lee como bytes, todo dentro del JavaScript de esta página. No hay paso de subida que interceptar, y la pestaña Red se mantiene vacía mientras extraes colores.

Preguntas frecuentes

¿Se sube mi imagen a algún sitio?

No. Cada píxel se lee localmente usando la API de canvas. Nada se envía a un servidor.

¿Cómo se eligen los colores?

Los píxeles se agrupan en grupos por similitud, y los grupos más comunes se convierten en tu paleta, calculados como el promedio de los píxeles reales que cayeron en cada uno.

¿Por qué los colores no coinciden exactamente con lo que esperaba?

Los detalles muy pequeños o finos pueden diluirse en el promedio si no cubren una parte suficiente de la imagen. Prueba a aumentar el número de colores para captar más detalle.