CodeKitHubVad är detta verktyg?
Genomsnittsfärg är det aritmetiska medelvärdet av varje pixels röda, gröna och blå värde — en enda blandad färg som representerar bildens övergripande ton, men som kan se grumlig ut om bilden har mycket olikfärgade områden.
Dominerande färger är något annat: det här verktyget grupperar liknande pixelfärger i hinkar (genom att kvantisera varje RGB-kanal), räknar hur många pixlar som hamnar i varje hink och returnerar de vanligaste som distinkta färgprov — närmare det en människa skulle kalla "huvudfärgerna i den här bilden" än en enda genomsnittlig blandning.
Varför använda det?
- Få både genomsnittsfärgen och en riktig flerfärgad palett från en enda uppladdning, inte bara en siffra.
- Hämta en användbar färgpalett från ett foto, en skärmdump eller en logotyp för ett designprojekt.
- Klicka på ett färgprov för att direkt kopiera dess exakta HEX-kod.
- Körs helt i din webbläsare — bilden läses lokalt via canvas och laddas aldrig upp någonstans.
- Gratis, direkt, inget konto, ingen filstorleksbegränsning utöver din egen webbläsares gränser.
Så använder du det
- Klicka på uppladdningsknappen och välj en bild från din enhet.
- Genomsnittsfärgen och paletten med dominerande färger visas automatiskt — ingen extra knapp att klicka på.
- Klicka på ett färgprov (genomsnittsfärgen eller någon palettfärg) för att kopiera dess HEX-kod.
Exempel
Inmatning
Ett foto av en solnedgång med orange himmel och mörkblå siluetterResultat
Genomsnittsfärg: en dämpad brunaktig-orange blandning · Dominerande färger: klar orange, djupröd, nästan svart, blekgul (som separata, distinkta färgprov)Det här är precis det fall där genomsnitt och dominerande färger avviker mest — genomsnittet blandar varma och kalla toner till gyttja, medan den dominerande paletten håller dem som igenkännbart separata färger.
Vanliga frågor
Varför skiljer sig genomsnittsfärgen så mycket från alla färger som faktiskt finns i bilden?
Medelvärdesberäkning blandar varje pixel matematiskt tillsammans — om en bild har både klart orange och mörkblå områden hamnar genomsnittet någonstans i en grumlig brun, en färg som visuellt kanske inte finns någonstans i originalfotot. Det här är förväntat beteende för ett sant genomsnitt, inte en bugg; använd istället paletten med dominerande färger om du vill ha färger som faktiskt förekommer i bilden.
Laddas min bild upp till en server?
Nej. Bilden läses direkt av din webbläsare med hjälp av Canvas API, och all färganalys sker lokalt i JavaScript. Ingenting skickas någonsin över nätverket.
Hur många dominerande färger returnerar den?
Upp till 8, sorterade efter hur många pixlar som matchade varje färghink, vanligast först. Om bilden har mycket enhetlig färg kan du se färre än 8 distinkta hinkar.
Räknar den transparenta pixlar i en PNG?
Nej — pixlar med mindre än 50 % opacitet exkluderas från både genomsnitts- och den dominerande färgberäkningen, så en transparent bakgrund kommer inte att snedvrida resultaten mot vilken färg som helst som syns igenom den.