CodeKitHubHva er dette verktøyet?
Gjennomsnittsfarge er det aritmetiske gjennomsnittet av hver piksels røde, grønne og blå verdi — en enkelt blandet farge som representerer bildets overordnede tone, men som kan se grumsete ut hvis bildet har svært ulikt fargede områder.
Dominerende farger er noe annet: dette verktøyet grupperer like pikselfarger i bøtter (kvantiserer hver RGB-kanal), teller hvor mange piksler som havner i hver bøtte, og returnerer de vanligste som distinkte fargeprøver — nærmere det et menneske ville kalt "hovedfargene i dette bildet" enn én gjennomsnittlig blanding.
Hvorfor bruke det?
- Få både gjennomsnittsfargen og en ekte flerfarget palett fra én opplasting, ikke bare ett tall.
- Hent ut en brukbar fargepalett fra et bilde, skjermbilde eller logo til et designprosjekt.
- Klikk på en fargeprøve for å kopiere den nøyaktige HEX-koden umiddelbart.
- Kjører helt i nettleseren din — bildet leses lokalt via canvas og lastes aldri opp noe sted.
- Gratis, øyeblikkelig, ingen konto, ingen filstørrelsesbegrensning utover nettleserens egne grenser.
Slik bruker du det
- Klikk på opplastingsknappen og velg et bilde fra enheten din.
- Gjennomsnittsfargen og paletten med dominerende farger vises automatisk — ingen ekstra knapp å klikke på.
- Klikk på en fargeprøve (gjennomsnittsfargen eller en palettfarge) for å kopiere HEX-koden.
Eksempel
Inndata
Et bilde av en solnedgang med oransje himmel og mørkeblå silhuetterResultat
Gjennomsnittsfarge: en dempet brunlig-oransje blanding · Dominerende farger: klar oransje, dyp rød, nesten svart, blek gul (som separate, distinkte fargeprøver)Dette er nettopp tilfellet der gjennomsnitt og dominerende farger avviker mest — gjennomsnittet blander varme og kalde toner til gjørme, mens den dominerende paletten holder dem som gjenkjennelig separate farger.
Ofte stilte spørsmål
Hvorfor er gjennomsnittsfargen så forskjellig fra enhver farge som faktisk finnes i bildet?
Gjennomsnittsberegning blander hver piksel matematisk sammen — hvis et bilde har både klare oransje og mørkeblå områder, havner gjennomsnittet et sted i en grumsete brunfarge, en farge som visuelt kanskje ikke finnes noe sted i det originale bildet. Dette er forventet oppførsel for et ekte gjennomsnitt, ikke en feil; bruk i stedet den dominerende fargepaletten hvis du vil ha farger som faktisk finnes i bildet.
Blir bildet mitt lastet opp til en server?
Nei. Bildet leses direkte av nettleseren din ved hjelp av Canvas API, og all fargeanalyse skjer lokalt i JavaScript. Ingenting sendes noensinne over nettverket.
Hvor mange dominerende farger returnerer den?
Opptil 8, sortert etter hvor mange piksler som samsvarte med hver fargebøtte, vanligst først. Hvis bildet er svært ensfarget, kan du se færre enn 8 distinkte bøtter.
Teller den gjennomsiktige piksler i en PNG?
Nei — piksler med mindre enn 50 % dekning ekskluderes fra både gjennomsnitts- og dominerende fargeberegningen, slik at en gjennomsiktig bakgrunn ikke vrir resultatene mot fargen som skinner gjennom den.