Sobre aquesta eina
L'extracció de la paleta de colors analitza una imatge i identifica els colors dominants o representatius. El resultat és un petit conjunt de colors (normalment 5-8) que capturen el caràcter visual de la imatge. Els dissenyadors utilitzen paletes extretes per coordinar altres elements de disseny (colors d'interfície que complementen una imatge d'heroi, paletes de marca derivades de la fotografia, esquemes de colors que coincideixen amb una imatge d'estat d'ànim).
L'extracció utilitza algorismes d'agrupació (k-means o similar) per agrupar tots els píxels de la imatge en el nombre sol·licitat de clústers de color. El centre de cada clúster es converteix en una paleta de colors. Els cúmuls més grans representen els colors dominants; l'algoritme també pot ponderar la importància visual (saturació, contrast) en lloc del recompte de píxels en brut per a la superfície de colors d'accent sorprenents.
Aquesta eina s'executa al vostre navegador mitjançant JavaScript. La imatge es descodifica en dades de píxels, es mostreja per reduir el càlcul i es agrupa. La sortida és la paleta amb codis hexadecimals, valors RGB i barres proporcionals que mostren la prevalença de cada color a la imatge.
Per què extreure paletes de colors
Dissenyar peces que es coordinen amb les imatges existents és molt més ràpid amb paletes extretes que escollint colors a ull. Els dissenyadors web que creen pàgines de destinació al voltant d'imatges d'herois, els venedors que produeixen actius que coincideixen amb una foto de producte clau i els dissenyadors de marques que analitzen imatges de la competència es beneficien de l'extracció de paleta algorítmica.
Les paletes també admeten la gestió de continguts. La categorització de les imatges per color dominant us permet crear interfícies on els usuaris naveguen per fotos, productes o dissenys per color. La construcció d'aquest sistema requereix extreure paletes de manera sistemàtica, que permet l'extracció programàtica.
Detalls tècnics
K-means iteracions de clúster: assigneu cada píxel al centre del clúster més proper, torneu a calcular els centres com a mitjana dels píxels assignats, repetiu fins a la convergència. L'execució amb imatges de resolució completa és lent; el mostreig (prenent cada Nè píxel) s'accelera amb una pèrdua de qualitat mínima.
L'espai de color és important. L'agrupament en RGB produeix paletes ponderades per la distància RGB, que no coincideix amb la distància perceptiva. L'agrupació en LAB o HSV produeix paletes més alineades de manera perceptiva: els colors que semblen semblants s'agrupen de manera més fiable.
Sortida: codis hexadecimals per a cada centre de clúster, més el percentatge de píxels d'imatge a cada clúster. El percentatge representa la prevalença visual; el cúmul més gran és el color més dominant.
Preguntes freqüents
- Quants colors s'extreuen?
- L'eina normalment extreu 5-8 colors dominants, depenent de la complexitat de la imatge. Les imatges simples amb pocs colors produeixen menys mostres i més diferents. Les fotos complexes produeixen una gamma més àmplia.
- Com funciona l'algorisme d'extracció?
- L'eina utilitza la quantificació de colors (tall mitjà o agrupació de k-means) per agrupar píxels similars i identificar els colors més representatius. Això produeix colors visualment significatius en lloc dels valors de píxel més habituals.
- Puc utilitzar colors extrets per a la meva marca?
- Sí. Aquesta és una tècnica popular per obtenir paletes de marca a partir de taulers d'humor, fotografies o imatges de productes. Els codis hexadecimals extrets es poden utilitzar directament en CSS, eines de disseny o directrius de marca.
- Per què els colors extrets no coincideixen exactament amb el que veig?
- L'extracció de colors agrupa píxels similars. Un degradat que sembla un color a l'ull es pot promediar en una ombra lleugerament diferent. A més, el calibratge del monitor afecta la manera com apareixen els colors a la pantalla.
- Quin format té la sortida?
- Codis hexadecimals per defecte. La majoria de les eines també exporten RGB, HSL i altres valors d'espai de color. Les propietats personalitzades CSS o la sortida JSON són útils per a l'ús programàtic.
- La meva imatge està penjada a un servidor?
- No. L'extracció es fa al vostre navegador.
- La paleta coincidirà amb la identitat de la marca?
- L'extracció algorítmica és descriptiva, no prescriptiva. La sortida descriu la imatge; la marca pot tenir una paleta relacionada però diferent. Utilitzeu l'extracció com a punt de partida i, a continuació, perfeccioneu l'alineació de la marca.
- Puc extreure d'un vídeo?
- Extracció d'un sol fotograma només amb aquesta eina. Per a l'extracció de paletes de vídeo, mostreu fotogrames i extreu-los de cadascun i, a continuació, agregueu.