CodeKitHubHvad er dette værktøj?
Gennemsnitsfarve er det aritmetiske gennemsnit af hver pixels røde, grønne og blå værdi — en enkelt blandet farve, der repræsenterer billedets overordnede tone, men som kan se mudret ud, hvis billedet har meget forskelligt farvede områder.
Dominerende farver er noget andet: dette værktøj grupperer lignende pixelfarver i spande (kvantisering af hver RGB-kanal), tæller hvor mange pixels der falder i hver spand, og returnerer de mest almindelige som distinkte farveprøver — tættere på det, et menneske ville kalde "hovedfarverne i dette billede", end en enkelt gennemsnitlig blanding.
Hvorfor bruge det?
- Få både gennemsnitsfarven og en rigtig flerfarvet palet fra én upload, ikke bare ét tal.
- Udtræk en brugbar farvepalet fra et foto, skærmbillede eller logo til et designprojekt.
- Klik på en farveprøve for at kopiere dens præcise HEX-kode øjeblikkeligt.
- Kører helt i din browser — billedet læses lokalt via canvas og uploades aldrig nogen steder.
- Gratis, øjeblikkeligt, ingen konto, ingen filstørrelsesbegrænsning udover din egen browsers grænser.
Sådan bruger du det
- Klik på upload-knappen, og vælg et billede fra din enhed.
- Gennemsnitsfarven og paletten med dominerende farver vises automatisk — ingen ekstra knap at klikke på.
- Klik på en farveprøve (gennemsnitsfarven eller en paletfarve) for at kopiere dens HEX-kode.
Eksempel
Input
Et foto af en solnedgang med orange himmel og mørkeblå silhuetterOutput
Gennemsnitsfarve: en dæmpet brunlig-orange blanding · Dominerende farver: klar orange, dyb rød, nærmest sort, bleg gul (som separate, distinkte farveprøver)Dette er præcis det tilfælde, hvor gennemsnit og dominerende farver afviger mest — gennemsnittet blander varme og kolde toner til mudder, mens den dominerende palet holder dem som genkendeligt separate farver.
Ofte stillede spørgsmål
Hvorfor er gennemsnitsfarven så forskellig fra enhver farve, der faktisk findes i billedet?
Gennemsnitsberegning blander hver pixel matematisk sammen — hvis et billede har både klare orange og mørkeblå områder, ender gennemsnittet et sted i en mudret brun, en farve der visuelt måske slet ikke findes i det originale foto. Dette er forventet adfærd for et ægte gennemsnit, ikke en fejl; brug i stedet paletten med dominerende farver, hvis du vil have farver, der rent faktisk optræder i billedet.
Bliver mit billede uploadet til en server?
Nej. Billedet læses direkte af din browser ved hjælp af Canvas API'et, og al farveanalyse foregår lokalt i JavaScript. Der sendes aldrig noget over netværket.
Hvor mange dominerende farver returnerer det?
Op til 8, sorteret efter hvor mange pixels der matchede hver farvespand, mest almindelige først. Hvis billedet er meget ensfarvet, kan du se færre end 8 distinkte spande.
Tæller det gennemsigtige pixels i en PNG?
Nej — pixels med mindre end 50% opacitet udelukkes både fra gennemsnitsberegningen og beregningen af dominerende farver, så en gennemsigtig baggrund vil ikke skævvride resultaterne mod den farve, der skinner igennem den.