Gratis omformer

Fargepalett Extraktor fra Image

Trekk ut dominerende farger fra ethvert bilde umiddelbart. Få HEX- og RGB-verdier med ett klikk. Gratis, sikker og kjører helt i nettleseren din.

Dra og slipp bildet her

Støtter PNG, JPG, WEBP, GIF. Maks 50 MB.

Eller

Om dette verktøyet

Fargepalettekstraksjon analyserer et bilde og identifiserer de dominerende eller representative fargene. Resultatet er et lite sett med farger - vanligvis 5-8 - som fanger bildets visuelle karakter. Designere bruker ekstraherte paletter for å koordinere andre designelementer (UI-farger som utfyller et heltebilde, merkepaletter avledet fra fotografering, fargeskjemaer som matcher et stemningsbilde).

Ekstraheringen bruker klyngealgoritmer (k-betyder eller lignende) for å gruppere alle bildets piksler i det forespurte antallet fargeklynger. Hver klynges senter blir en palettfarge. De største klasene representerer dominerende farger; Algoritmen kan også vekte etter visuell betydning (metning, kontrast) i stedet for rå pikselantall til overflaten slående aksentfarger.

Dette verktøyet kjører i nettleseren din ved hjelp av JavaScript. Bildet dekodes til pikseldata, samples for å redusere beregningen og grupperes. Utdata er paletten med hex-koder, RGB-verdier og proporsjonale søyler som viser hver farges utbredelse i bildet.

Hvorfor trekke ut fargepaletter

Å designe deler som koordinerer med eksisterende bilder er mye raskere med ekstraherte paletter enn å velge farger etter øye. Webdesignere som bygger landingssider rundt heltebilder, markedsførere som produserer eiendeler som matcher et nøkkelproduktbilde, og merkevaredesignere som analyserer konkurrerende bilder drar alle fordel av algoritmisk palettutvinning.

Paletter støtter også innholdsstyring. Ved å kategorisere bilder etter dominerende farger kan du bygge grensesnitt der brukere kan se bilder, produkter eller design etter farge. Å bygge et slikt system krever systematisk utvinning av paletter, noe programmatisk utvinning muliggjør.

Slik bruker du det

Last opp, velg palettstørrelse, få fargene.

  1. Last opp bildet ditt: Dra en JPEG, PNG eller WebP til opplastingsområdet. Filer på opptil 50 MB støttes.
  2. Velg palettstørrelse: 5-8 farger dekker de fleste bruksområder. 3-4 for en tett fokusert palett; 10+ for fint detaljert ekstraksjon. Større paletter inkluderer subtile farger, men gir avtagende nytte.
  3. Utdrag: Klyngingen kjører i nettleseren din. Mindre paletter trekkes ut raskere; større paletter fra høyoppløselige bilder tar noen sekunder.
  4. Bruk paletten: Hex-koder kan kopieres direkte. Paletten kan eksporteres som JSON, egendefinerte CSS-egenskaper eller et fargeprøvebilde.

Vanlige brukstilfeller

Tekniske detaljer

K-betyr clustering iterates: tilordne hver piksel til nærmeste klyngesenter, beregn sentre på nytt som gjennomsnittet av tildelte piksler, gjenta til konvergens. Å kjøre på bilder i full oppløsning er tregt; sampling (tar hver n. piksel) akselererer med minimalt kvalitetstap.

Fargerom er viktig. Clustering i RGB produserer paletter vektet etter RGB-avstand, som ikke samsvarer med perseptuell avstand. Gruppering i LAB eller HSV produserer mer perseptuelt justerte paletter - farger som ser like ut, grupperer seg mer pålitelig.

Utdata: hex-koder for hvert klyngesenter, pluss prosentandelen av bildepiksler i hver klynge. Prosentandelen representerer visuell prevalens; den største klyngen er den mest dominerende fargen.

Beste praksis

Ofte stilte spørsmål

Hvor mange farger trekkes ut?
Verktøyet trekker vanligvis ut 5-8 dominerende farger, avhengig av bildets kompleksitet. Enkle bilder med få farger gir færre, mer distinkte fargeprøver. Komplekse bilder gir et bredere spekter.
Hvordan fungerer utvinningsalgoritmen?
Verktøyet bruker fargekvantisering (median cut eller k-betyr clustering) for å gruppere lignende piksler og identifisere de mest representative fargene. Dette gir visuelt meningsfulle farger i stedet for de vanligste enkeltpikselverdiene.
Kan jeg bruke ekstraherte farger for merket mitt?
Ja. Dette er en populær teknikk for å hente merkepaletter fra moodboards, fotografier eller produktbilder. De utpakkede hex-kodene kan brukes direkte i CSS, designverktøy eller merkevareretningslinjer.
Hvorfor samsvarer ikke de ekstraherte fargene nøyaktig med det jeg ser?
Fargeekstraksjon grupperer lignende piksler sammen. En gradient som ser ut som én farge for øyet kan være gjennomsnittlig i en litt annen nyanse. Monitorkalibrering påvirker også hvordan farger vises på skjermen.
Hvilket format er utgangen?
Hex-koder som standard. De fleste verktøy eksporterer også RGB-, HSL- og andre fargeromverdier. Egendefinerte CSS-egenskaper eller JSON-utdata er nyttig for programmatisk bruk.
Er bildet mitt lastet opp til en server?
Nei. Utvinning skjer i nettleseren din.
Vil paletten matche merkevareidentiteten?
Algoritmisk utvinning er beskrivende, ikke foreskrivende. Utgangen beskriver bildet; merket kan ha en relatert, men annerledes palett. Bruk ekstraksjon som utgangspunkt, og avgrens deretter for merkevarejustering.
Kan jeg trekke ut fra en video?
Enkeltrammeuttrekk kun med dette verktøyet. For utvinning av videopalett kan du prøve frames og trekke ut fra hver, og deretter samle.