Saltar al contenido principal
Tooletto

Extraer paleta de color de una foto

Un preajuste de Extractor de paleta de color

Construye un esquema de color a partir de una fotografía. Preajustado a seis colores, que es suficiente para capturar el rango de una foto sin producir casi-duplicados difíciles de distinguir en un diseño.

  • Los archivos nunca salen de tu dispositivo
  • Gratis, sin registro
  • Sin marcas de agua
  • Funciona sin conexión una vez cargado
Loading tool…

Cómo extractor de paleta de color

  1. 1

    Añade una imagen

    Suelta una foto, captura de pantalla o diseño — o pégalo desde el portapapeles.

  2. 2

    Elige cuántos colores

    Cinco o seis suele ser el punto óptimo para una paleta utilizable.

  3. 3

    Copia los valores

    Cada muestra da HEX y RGB, además de cuánto de la imagen cubre.

Construir un tema a partir de una fotografía específicamente

Extraer una paleta de una fotografía es un trabajo distinto al de extraerla de un logotipo o un diseño plano, porque una foto lleva iluminación y sombra continuas en lugar de un pequeño número de colores planos deliberados — la misma camisa roja puede aportar una docena de muestras sutilmente diferentes a través de sus lados iluminados y en sombra antes de que la cuantización los agrupe de nuevo. Seis colores es suficiente margen para capturar ese rango — un par de tonos dominantes, un color de apoyo, y uno o dos acentos extraídos de áreas más pequeñas pero visualmente distintas — sin que la paleta colapse en seis tonos casi idénticos del mismo matiz.

Una paleta construida así a partir de, digamos, una foto de paisaje o producto tiende a funcionar bien como semilla para un tema de sitio web o una maqueta de diseño: la muestra más común (normalmente el área más grande, como el cielo o el fondo) es un color natural de fondo o superficie discreta, y las muestras más pequeñas con mayor porcentaje de cobertura son candidatas naturales para acentos precisamente porque el algoritmo ya favoreció colores que son visualmente distintos del resto de la imagen.

Vale la pena comprobar el porcentaje de cobertura antes de asignar una muestra a un rol específico en un diseño: un color que cubre el 45% de la foto de origen se leerá como abrumador si se usa como un pequeño acento, mientras que un color que cubre solo el 3% desaparecerá si se usa como un gran relleno de fondo. Igualar la proporción de cobertura de una muestra con un rol de peso visual similar en el nuevo diseño suele producir un resultado más equilibrado que elegir puramente por qué color se ve más bonito aislado.

Preguntas frecuentes

¿Cómo se eligen los colores?

Mediante cuantización por corte de mediana — los colores de la imagen se dividen repetidamente en cajas a lo largo de su eje más ancho hasta que queda el número de grupos solicitado, y el promedio ponderado de cada grupo se convierte en una muestra. Es el mismo algoritmo que usan las paletas GIF, y favorece los colores tanto por lo distintivos como por lo comunes que son.

¿Por qué la paleta es distinta de lo que veo?

Porque el ojo se dirige hacia el *sujeto*, mientras que el algoritmo cuenta píxeles. Una foto de un coche rojo sobre césped devuelve mayormente verdes, ya que eso es genuinamente la mayor parte de la imagen. Recortar a la parte que te importa da la paleta que esperabas.

¿Qué significa el porcentaje?

La proporción de píxeles asignados a esa muestra. Es un buen indicador del peso visual — un color que cubre el 40% de la imagen dominará cualquier diseño construido a partir de la paleta, así que normalmente pertenece a un fondo en lugar de a un acento.

¿Se incluyen las áreas transparentes?

No. Los píxeles totalmente transparentes se excluyen, así que un logotipo sobre un fondo transparente devuelve los colores del logotipo en lugar de verse arrastrado hacia el negro.