Extraer colores de una foto

Cómo se eligen los colores dominantes

La herramienta analiza los píxeles de una copia reducida de tu imagen y los agrupa en familias de tonos parecidos (una técnica llamada cuantización). Las familias más grandes forman la paleta y, por el camino, se descartan los tonos casi idénticos. El resultado son 6–8 colores que representan de verdad la foto, no medias deslavadas que tiran todas hacia el gris. Es el mismo principio que usan las herramientas de diseño para crear paletas a partir de moodboards y fotografías.

Qué puedes hacer con una paleta sacada de una foto

Partir de los colores de una foto es la forma más rápida de mantener la coherencia en tus diseños: una miniatura de vídeo que combine con su fotograma de portada, una landing con los colores de tu producto, una presentación que armonice con las imágenes que contiene. Cada código HEX (p. ej. #FF8A5C) se pega directamente en Canva, Figma, Photoshop, PowerPoint o en el CSS de tu web.

Qué quiere decir «color dominante»

No es el color que más se nota, es el que ocupa más píxeles. Son dos cosas distintas, y la diferencia explica casi todas las paletas que parecen equivocadas: en una foto de un atardecer el color dominante puede ser el gris de la carretera, porque la carretera ocupa media imagen, mientras que el naranja que golpea el ojo está en una franja.

El método agrupa los píxeles en familias de tonos parecidos y coge las familias más numerosas: se llama cuantización. De ahí se deduce que un fondo grande y uniforme gana casi siempre, y que recortar la foto por la parte que interesa cambia por completo el resultado.

Cómo se usa una paleta extraída

La regla más útil del diseño gráfico es la del 60-30-10: un color domina la superficie, otro lo acompaña, un tercero aparece solo en los acentos — un botón, un título, un detalle. Coger cuatro colores de una foto y usarlos a partes iguales produce casi siempre un resultado confuso.

El segundo criterio es el contraste del texto: un color bonito en pantalla no es necesariamente legible bajo un texto. El texto oscuro sobre fondo claro, o al revés, hay que comprobarlo, y para la accesibilidad la relación de contraste recomendada es de al menos 4,5 a 1 para el texto normal. Muchas paletas naturales son todas de medios tonos, y en ese caso hace falta un color muy oscuro o muy claro traído de fuera.

Por qué dos herramientas dan paletas distintas

Porque la palabra «parecido» no tiene una definición única. Algunas agrupan los colores en el espacio RGB, es decir por los números, otras en espacios construidos sobre la percepción, donde dos colores cercanos son los que el ojo juzga cercanos. Las segundas dan resultados más convincentes en los tonos de piel y en los verdes, donde el RGB se equivoca mucho.

Cuentan además el número de familias pedidas y el hecho de que la imagen se reduzca antes de analizarla, algo que hacen todas por velocidad y que mezcla los colores vecinos. No existe por tanto una paleta «correcta» de una foto: existen paletas plausibles, y conviene elegir una y luego ajustarla a mano.

Las tres trampas del color sacado de una foto

El perfil de color: una foto en Adobe RGB leída como sRGB da códigos hexadecimales equivocados, y los colores salen apagados. La compresión: en un JPEG muy comprimido los colores cercanos a los bordes se los inventa el algoritmo, y tomar un color justo ahí devuelve un tono que en la escena no estaba.

Y la impresión: los colores de la pantalla son luz, los de la impresión son tinta, y los naranjas y verdes muy saturados no existen impresos. Una paleta elegida en pantalla para una tarjeta de visita hay que probarla siempre en papel antes de encargar mil copias.

Herramientas cercanas

Para trabajar los colores están Conversor de colores y Generador de paletas. Sobre la imagen de partida Foto en blanco y negro y Redimensionar foto, y para un fondo Difuminar parte de la foto.