CodeKitHubWat is deze tool?
De gemiddelde kleur is het rekenkundig gemiddelde van de rode, groene en blauwe waarde van elke pixel — één gemengde kleur die de algehele tint van de afbeelding weergeeft, maar er modderig uit kan zien als de afbeelding zeer verschillend gekleurde gebieden bevat.
Dominante kleuren zijn anders: deze tool groepeert vergelijkbare pixelkleuren in emmers (door elk RGB-kanaal te kwantiseren), telt hoeveel pixels in elke emmer vallen en geeft de meest voorkomende terug als aparte kleurstalen — dichter bij wat een mens "de hoofdkleuren van deze afbeelding" zou noemen dan één gemiddelde mengeling.
Waarom gebruiken?
- Krijg zowel de gemiddelde kleur als een echt meerkleurig palet uit één upload, niet slechts één getal.
- Haal een bruikbaar kleurenpalet uit een foto, screenshot of logo voor een ontwerpproject.
- Klik op een kleurstaal om direct de exacte HEX-code te kopiëren.
- Draait volledig in uw browser — de afbeelding wordt lokaal gelezen via canvas en nooit ergens geüpload.
- Gratis, direct, geen account, geen bestandsgroottebeperking behalve de eigen limieten van uw browser.
Hoe te gebruiken
- Klik op de uploadknop en kies een afbeelding van uw apparaat.
- De gemiddelde kleur en het palet met dominante kleuren verschijnen automatisch — geen extra knop nodig.
- Klik op een kleurstaal (de gemiddelde kleur of een paletkleur) om de HEX-code te kopiëren.
Voorbeeld
Invoer
Een foto van een zonsondergang met oranje lucht en donkerblauwe silhouettenUitvoer
Gemiddelde kleur: een gedempte bruinig-oranje mengeling · Dominante kleuren: helder oranje, dieprood, bijna zwart, bleekgeel (als afzonderlijke, duidelijk te onderscheiden kleurstalen)Dit is precies het geval waarin gemiddelde en dominante kleuren het meest uiteenlopen — het gemiddelde mengt warme en koele tinten tot modder, terwijl het dominante palet ze als herkenbaar aparte kleuren behoudt.
Veelgestelde vragen
Waarom is de gemiddelde kleur zo anders dan elke kleur die daadwerkelijk in de afbeelding voorkomt?
Middelen mengt elke pixel wiskundig samen — als een afbeelding zowel felle oranje als donkerblauwe gebieden heeft, komt het gemiddelde ergens uit op een modderig bruin, een kleur die visueel nergens in de originele foto hoeft voor te komen. Dit is verwacht gedrag voor een echt gemiddelde, geen fout; gebruik in plaats daarvan het dominante-kleurenpalet als u kleuren wilt die daadwerkelijk in de afbeelding voorkomen.
Wordt mijn afbeelding naar een server geüpload?
Nee. De afbeelding wordt rechtstreeks door uw browser gelezen met de Canvas API, en alle kleuranalyse gebeurt lokaal in JavaScript. Er wordt nooit iets over het netwerk verzonden.
Hoeveel dominante kleuren geeft het terug?
Tot 8, gesorteerd op het aantal pixels dat overeenkwam met elke kleuremmer, meest voorkomende eerst. Als de afbeelding zeer egaal van kleur is, ziet u mogelijk minder dan 8 aparte emmers.
Telt het transparante pixels in een PNG mee?
Nee — pixels met minder dan 50% dekking worden uitgesloten van zowel de gemiddelde als de dominante-kleurberekening, zodat een transparante achtergrond de resultaten niet vertekent naar welke kleur er ook doorheen schijnt.