Sacar una paleta de una fotografía es la forma más rápida y honesta de llegar a una combinación de colores. Los colores de una buena fotografía ya funcionan juntos, porque los iluminó la misma luz y los captó el mismo sensor. Los diseñadores construyen combinaciones así desde que hay fotografías de las que sacarlas.
Esta herramienta extrae hasta seis colores de cualquier imagen. Reduce la imagen a una muestra pequeña, agrupa cada píxel en un contenedor de color aproximado, ordena esos contenedores según cuántos píxeles caen en cada uno y luego recorre esa clasificación eligiendo colores lo bastante alejados de los ya escogidos. Ese último paso es lo que evita que te devuelva seis tonos del mismo beige a partir de una foto de playa.
El análisis se ejecuta en tu navegador sobre una copia reducida de tu imagen. No se sube nada y ninguna paleta se almacena en ninguna parte.
| Paso | Qué ocurre |
|---|---|
| Reducción | La imagen se reduce a 80 píxeles en su lado más largo |
| Agrupación | Cada píxel se asigna a un contenedor de color aproximado |
| Clasificación | Los contenedores se ordenan por cantidad de píxeles |
| Separación | Un candidato se descarta si está demasiado cerca de un color ya elegido |
| Promedio | Cada contenedor elegido informa del promedio real de sus píxeles |
Reducir primero es deliberado. Promedia el ruido del sensor y los artefactos JPEG, que de otro modo generarían miles de colores casi idénticos e inundarían la clasificación con variaciones sin sentido.
Una paleta extraída es materia prima, no un sistema terminado. El color que ocupa la mayor parte de la imagen suele ser tu fondo; el más pequeño y saturado suele ser tu acento, y debería seguir siendo un acento en lugar de convertirse en fondo.
Comprueba siempre el contraste antes de comprometerte. Dos colores que se ven preciosos uno junto a otro en una fotografía pueden quedar muy lejos de la relación de 4,5:1 que el texto corrido necesita frente a su fondo. Las paletas extraídas son especialmente propensas a esto, ya que las fotografías están llenas de tonos medios demasiado próximos entre sí para el texto.
Hasta seis. Devuelve menos cuando una imagen realmente no contiene seis colores lo bastante distintos: una fotografía monocroma puede dar tres.
Cada muestra es el promedio de un grupo de píxeles similares y no un único píxel tomado al azar. Eso da un color más representativo que un punto arbitrario, que podría caer sobre un brillo o un artefacto de compresión.
No. La selección es automática, basada en cuánta imagen ocupa cada color y en lo distinto que es de los ya elegidos. Recorta primero la zona que te interesa si quieres influir en el resultado.
Pulsa cualquier muestra para copiar su código al portapapeles y pégalo en tu CSS, tu herramienta de diseño o tu documento de marca. La descarga te da los seis como una imagen etiquetada.
No necesariamente. La herramienta selecciona colores visualmente distintos, no colores que cumplan requisitos de contraste. Comprueba siempre las combinaciones de texto y fondo con un verificador de contraste antes de publicar.
No. El análisis se ejecuta sobre una copia reducida dentro de tu navegador y no se transmite nada.
