0

Extractor de paleta de imágenes

Extraiga la paleta de colores real de cualquier foto en su navegador: la cuantificación de corte medio encuentra entre 3 y 12 colores clave con códigos HEX, variables CSS y exportación JSON.

🧵

Arrastre y suelte la imagen

Procesando... 0%
Leyendo archivo de imagen
Reducción de píxeles
Ejecución de cuantificación de corte medio
Construyendo la paleta

Resultado

Preview Output

Este extractor de paleta lee los colores que realmente están en su imagen, no los colores calculados a partir de la teoría. Cargue una foto, elija cuántos colores desea (de 3 a 12, cinco o seis se adaptan a la mayoría de los trabajos) y la herramienta devolverá una paleta de muestras ordenadas por peso: primero el color dominante, cada uno con su código HEX, su participación en la imagen en porcentaje y un botón de copiar. Las exportaciones están a un clic de distancia: un bloque de propiedades personalizadas de CSS listo para una hoja de estilo, una matriz JSON para scripts y tokens de diseño, y una barra de paleta PNG para paneles de estado de ánimo.

Debajo del capó, la herramienta utiliza cuantificación de corte medio, el mismo algoritmo en el que se basan los codificadores GIF para comprimir millones de colores en una paleta pequeña. Primero, la imagen se reduce a aproximadamente diez mil píxeles en un lienzo local; luego, el espacio de color se divide repetidamente en la mediana de su canal más ancho hasta que quede el número solicitado de grupos, y cada grupo se promedia en una muestra. Es por eso que el resultado refleja lo que el ojo ve como el carácter de la imagen en lugar de un puñado de píxeles muestreados al azar.

Todo sucede en su navegador: sin cargas, sin colas, sin cuenta y con total seguridad para diseños no publicados, fotografías de clientes y capturas de pantalla internas. Cualquier formato que el navegador pueda decodificar funciona: PNG, JPG, WebP, GIF y las áreas transparentes se ignoran, por lo que los logotipos PNG producen paletas limpias.

Usos típicos: convertir una sesión fotográfica de marca en colores del sistema de diseño, hacer coincidir una página de destino con una imagen principal, generar colores de gráficos o temas a partir de la portada o documentar la paleta de una ilustración. Note la diferencia con el generador de paleta de colores, que crea paletas armoniosas a partir de un color base que elija: esta herramienta extrae la paleta que ya tiene una imagen real. ¿Elegiste una muestra y la necesitas en otra notación? El conversor de formatos de color traduce HEX a RGB, HSL y CMYK.