Image Color Extractor analitza qualsevol fitxer d'imatge (arrossega, enganxa o fes clic per carregar-lo) i retorna fins a 16 colors dominants amb el seu pes percentual. Utilitza mostreig de píxels i quantització per blocs directament al navegador — sense pujar res, sense anada i tornada al servidor. Fes clic a qualsevol mostra per copiar-ne el hex, o Copy All per obtenir tota la paleta.
Dissenyadors i desenvolupadors sovint necessiten extreure colors d'imatges — obtenir els colors de marca d'un logotip, construir una paleta a partir d'una fotografia, ajustar la interfície a una imatge de referència. Image Color Extractor ho fa tot al navegador, sense pujar cap fitxer. Arrossega, enganxa o fes clic per carregar una imatge (PNG, JPG, SVG, WebP, GIF). L'eina dibuixa una versió reduïda en un canvas, mostreja un de cada 4 píxels, els agrupa en un espai de color reduït (5 bits per canal, ~32K grups), calcula la mitjana RGB real de cada grup i, després, tria els N grups més poblats fusionant els que són gairebé duplicats (dins d'una distància de Manhattan de 24 en RGB). El resultat és una paleta neta i representativa que reflecteix la composició visual real, no només els colors amb la coincidència de píxel més exacta. Un control lliscant (3–16) et permet ajustar la mida de la paleta segons les teves necessitats. Cada mostra mostra el valor hex i el percentatge de píxels; fes clic per copiar-la individualment, o Copy All per obtenir-les totes d'un cop.
Carrega qualsevol format d'imatge habitual i genera una paleta de colors dominants en molt menys d'un segon, fins i tot amb imatges grans.
Cada color extret mostra el seu percentatge de l'àrea de la imatge — sabràs d'un cop d'ull quins són dominants i quins són accents.
Control lliscant per triar entre 3 i 16 colors. Paletes petites per a feina de marca; paletes més grans per a referències fotogràfiques.
Fes clic a qualsevol mostra per copiar-ne el hex. O Copy All per obtenir tota la paleta com a llista separada per línies, a punt per a ús massiu.
Sense pujar res, sense trucades al servidor, cap imatge surt del teu equip. Segur per a esbossos privats, recursos encara no publicats o material sensible.
PNG, JPG, SVG, WebP, GIF, ICO — tots compatibles mitjançant descodificació estàndard per canvas. Els píxels transparents s'ometen automàticament.
Arrossega la imatge d'un logotip, extreu els colors exactes que utilitza i copia'ls a les variables CSS del teu kit de marca o sistema de disseny.
Passa una fotografia de paisatge per l'eina per obtenir una paleta de 5 colors que en capturi l'ambient — útil per a direcció d'art o creació de temes.
Fes una captura d'una interfície de referència, extreu'n la paleta i utilitza aquests colors al teu propi esbós per igualar-ne la sensació visual.
Quan un client envia una única imatge com a direcció de marca, extreu 8-10 colors per proposar una paleta inicial fidel a la referència.
Obtén els dos colors més dominants d'una imatge per construir un degradat de fons que complementi el recurs en primer pla.
Fes clic a la icona Image Colors al dock de DevSuite Pro. S'obre un panell amb una zona per deixar anar imatges i els ajustos.
Arrossega un fitxer, enganxa'l des del porta-retalls (Ctrl+V) o fes clic per obrir el selector de fitxers. L'eina la carrega i en mostreja els píxels automàticament.
Utilitza el control lliscant per triar quants colors extreure (3–16). La paleta es torna a extreure a l'instant mentre l'arrossegues.
Cada mostra mostra el seu codi hex i el percentatge d'àrea de la imatge. Fixa't en els colors dominants — tindran els percentatges més alts.
Fes clic a qualsevol mostra per copiar-ne el hex, o utilitza Copy All per obtenir tota la paleta com a llista per usar a la teva eina de disseny o al CSS.
Instal·la DevSuite Pro gratuïtament i desbloqueja més de 64 eines de desenvolupador per al teu navegador.
