Image Color Extractor analyserer en hvilken som helst bildefil (dra, lim inn eller klikk for å laste inn) og returnerer opptil 16 dominerende farger med prosentvis vekting. Bruker piksel-sampling og bucket-kvantisering direkte i nettleseren — ingen opplasting, ingen server-runde. Klikk på en fargeprøve for å kopiere hex-verdien, eller bruk Kopier alle for hele paletten.
Designere og utviklere trenger stadig å hente ut farger fra bilder — plukke merkevarefarger fra en logo, bygge en palett fra et fotografi, matche UI mot referansekunst. Image Color Extractor håndterer dette direkte i nettleseren uten opplasting. Dra, lim inn eller klikk for å laste inn et bilde (PNG, JPG, SVG, WebP, GIF). Verktøyet tegner en nedskalert versjon på et canvas, sampler hver 4. piksel, plasserer dem i et redusert fargerom (5 bit per kanal, ~32 000 buckets), gjennomsnittsberegner hver buckets faktiske RGB-verdi, og velger deretter de N mest folkerike bucketene mens nesten-duplikater slås sammen (innenfor 24 Manhattan-avstand i RGB). Resultatet er en ren, representativ palett som gjenspeiler den faktiske visuelle sammensetningen — ikke bare de mest eksakte pikseltreffene. En skyveknapp for antall (3–16) lar deg justere palettstørrelsen etter behov. Hver fargeprøve viser hex-verdi og prosentandel piksler; klikk for å kopiere enkeltvis, eller Kopier alle for å hente alt på én gang.
Laster inn ethvert vanlig bildeformat og produserer en dominerende-farge-palett på godt under et sekund, selv for store bilder.
Hver uthentede farge viser sin prosentandel av bildearealet — se enkelt hvilke som er dominerende og hvilke som er aksenter.
Skyveknapp for å velge 3–16 farger. Små paletter for merkevarearbeid; større for fotografiske referanser.
Klikk på en fargeprøve for å kopiere hex-verdien. Eller bruk Kopier alle for å få hele paletten som en linjeseparert liste for bruk i bulk.
Ingen opplasting, ingen serverkall, ingen bilder forlater maskinen din. Trygt for private mockuper, uutgitte ressurser eller sensitiv kunst.
PNG, JPG, SVG, WebP, GIF, ICO — alle støttes via standard canvas-dekoding. Gjennomsiktige piksler hoppes automatisk over.
Dra inn et logobilde, hent ut de eksakte fargene som brukes, og kopier dem inn i CSS-variablene i merkevarekittet ditt eller designsystemet.
Mat verktøyet med et landskapsfotografi for å få en 5-fargers palett som fanger stemningen — nyttig for artdirection eller temabygging.
Ta et skjermbilde av en referanse-UI, hent ut paletten, og bruk fargene i din egen mockup for å matche det visuelle uttrykket.
Når en kunde sender ett enkelt bilde som merkevareretning, hent ut 8–10 farger for å foreslå en startpalett som holder seg tro mot referansen.
Hent de to mest dominerende fargene fra et bilde for å bygge en bakgrunnsgradient som utfyller forgrunnsressursen.
Klikk på Image Colors-ikonet i DevSuite Pro-dokken. Et panel åpnes med en dra-og-slipp-sone og innstillinger.
Dra inn en fil, lim inn fra utklippstavlen (Ctrl+V), eller klikk for å åpne filvelgeren. Verktøyet laster og sampler piksler automatisk.
Bruk skyveknappen til å velge hvor mange farger som skal hentes ut (3–16). Paletten oppdateres umiddelbart mens du drar.
Hver fargeprøve viser hex-koden og prosentandelen av bildearealet. Se etter dominerende farger — de har høyest prosentandel.
Klikk på en fargeprøve for å kopiere hex-verdien, eller bruk Kopier alle for å hente hele paletten som en liste til bruk i designverktøyet ditt eller i CSS.
Installer DevSuite Pro gratis og lås opp 64+ utviklerverktøy for nettleseren din.
