Extrae los colores dominantes de una imagen subida muestreando píxeles, cuantizando valores similares y ordenando las muestras más frecuentes. Cada resultado incluye un código CSS hex y la tupla RGB correspondiente mediante el helper de color compartido.
Algoritmo (simplificado)
- Dibujar la imagen en un canvas a resolución completa
- Recorrer píxeles con un paso (cada 4.º píxel por defecto) para rendimiento
- Omitir píxeles mayormente transparentes (alfa por debajo de 128)
- Cuantizar canales en cubos de 32 pasos para fusionar casi duplicados
- Ordenar cubos por frecuencia y devolver los N colores principales
Es una paleta basada en frecuencia, no un algoritmo de agrupación perceptual (sin k-means). Funciona bien con gráficos UI planos y pósteres; las fotos ruidosas pueden devolver tonos medios turbios.
Cuándo usarlo
- Arrancar una paleta de color desde una foto de marca o un logo raster
- Combinarlo con las herramientas Colors (
from-hex-to-rgb) para más conversiones - Documentar tokens de diseño extraídos de capturas de marketing
Limitaciones
Los JPEG muy comprimidos y los degradados producen colores promediados. Los fondos transparentes PNG/WebP se ignoran cuando el alfa es bajo. Las imágenes muy grandes se muestrean de forma dispersa—puede perderse detalle extremo. Los resultados son orientativos, no sustituyen herramientas profesionales de extracción de paletas.
Ejemplo
Por ejemplo, introduce los valores de muestra predeterminados en el formulario y compara la salida con una referencia conocida; ajusta una entrada cada vez para ver cómo cambia el resultado.