Extraer la paleta de colores de una imagen

Cómo funciona

Elija la imagen en el recuadro, elija el tamaño de la paleta y pulse el botón. Los colores aparecen en recuadros en pantalla; el valor hex bajo cada recuadro es el mismo que figura en el archivo de texto que descarga. El método es este: la imagen se dibuja en un lienzo pequeño, se leen todos sus píxeles y los colores parecidos se agrupan en un mismo cubo. Cada canal de color se divide en tramos de treinta y dos, así que las pequeñas variaciones de un mismo tono cuentan como un solo color; después se buscan los cubos más llenos y el promedio de los píxeles de cada cubo se anota como color de la paleta. Por eso los valores obtenidos no son píxeles que existan tal cual en la imagen, sino promedios que representan su zona. En el archivo de salida cada línea lleva un color: primero el código hex, luego el mismo color en escritura RGB y, al final, su parte dentro de la imagen.

Esta herramienta también se busca como extraer paleta de colores de una imagen, color dominante de una foto, paleta de colores de una foto.

¿Qué es paleta de colores?

Una paleta de colores es un conjunto limitado de colores elegidos para usarse juntos. Lo limitado es la esencia: una interfaz o una presentación que se mantiene en tres o cinco colores se ve ordenada; cuando los colores se multiplican, el ojo pierde el orden al que agarrarse. Una paleta extraída de una foto ofrece además una armonía ya probada: esos colores ya estaban uno junto a otro bajo la misma luz, y quedó demostrado que no chocan entre sí.

¿Qué es color dominante?

El color dominante es el que más superficie ocupa en la imagen; no es el color más llamativo. En una foto, un cielo amplio se lleva la mayor parte, pero lo que atrae la mirada puede ser una chaqueta naranja en una zona pequeña. Esa distinción importa al usar la paleta: poner el dominante como fondo y reservar el color de poca superficie pero contrastado para los acentos da un resultado mucho más legible que poner dos colores a partes iguales uno al lado del otro.

¿Para qué sirve una paleta?

Diseñar en armonía con los colores de una foto se hace midiendo, no adivinando a ojo. Elegir el color de un botón según la foto del producto, montar el tema de una presentación a partir de un cuadro, o recuperar el tono exacto de una marca desde una imagen antigua son los trabajos típicos de esta herramienta.

No está obligado a usar todos los colores extraídos. En la mayoría de los diseños bastan un color dominante, un color de contraste y un tono neutro; el resto queda como reserva.

¿Por qué la misma imagen puede dar resultados distintos?

La paleta no es una medición, es un resumen. El orden de los cubos cambia según cuántos colores pida: con 4 colores, dos tonos vecinos se juntan bajo una sola entrada; con 8, pueden separarse en dos líneas distintas.

El recorte de la foto también cambia el resultado, porque el cálculo mira la parte de superficie: si el cielo sale del encuadre, la parte del azul cae. Si busca el color de una zona concreta, recorte primero la imagen a esa zona y extraiga la paleta después.

Las zonas transparentes no cuentan

Los píxeles transparentes de un PNG no entran en el cálculo; solo se cuentan las zonas realmente pintadas. En un logotipo de fondo transparente, la paleta se compone únicamente de los colores del propio logotipo.

Las zonas semitransparentes, en cambio, se cuentan con su propio color, sin mezclarse con el vacío de debajo. Por eso, en archivos con muchas capas y transparencia abundante, la paleta puede diferir un poco de lo que la imagen muestra en pantalla.

Preguntas frecuentes

¿Por qué se escriben tanto el hex como el RGB?

Son dos escrituras del mismo color: el hex se pega más fácil en programas web y de diseño, y el RGB en CSS y en programas de oficina. Como la línea trae los dos, usted elige según dónde lo vaya a pegar.

¿Los colores son exactamente los de los píxeles de la imagen?

No. Los tonos cercanos se agrupan en un cubo y el color de la paleta es el promedio de ese cubo. Si necesita el valor exacto de un píxel concreto, no es esta herramienta lo que busca, sino un cuentagotas de color.

¿Qué significa el porcentaje?

Es la parte de ese color dentro de los píxeles contados. Un color con 40 % cubre alrededor del cuarenta por ciento de la imagen; los píxeles transparentes no entran en esa cuenta.

¿Se vuelve lenta con una imagen muy grande?

No. La imagen se dibuja primero en un lienzo pequeño y el conteo se hace sobre él; se leen unos pocos miles de píxeles en lugar de millones, y el resultado sale al instante.