Afbeeldingskleurkiezer & paletextractor

Wat is Afbeeldingskleurkiezer & paletextractor?

De Afbeeldingskleurkiezer is een gratis online paletextractor die de dominante kleuren en de gemiddelde kleur direct in je browser uit elke afbeelding haalt. Ontwerpers, front-end-ontwikkelaars en iedereen die een merk of moodboard opbouwt, kan een foto, logo of screenshot erin slepen en in seconden een HEX-kleurenpalet krijgen. Het leest de afbeeldingspixels met getImageData van het HTML-canvas, kwantiseert ze in kleur-buckets en rangschikt ze op hoe vaak elke kleur voorkomt, zodat de meest gebruikte kleuren bovenaan komen. Je stelt de paletgrootte in (hoeveel dominante kleuren, van 2 tot 12), en elke kleur wordt weergegeven als een staal met een kopieerbare HEX-waarde naast de algehele gemiddelde kleur van de afbeelding.

Afbeeldingskleurkiezer & paletextractor gebruiken

1. Sleep een afbeelding naar de neerzetzone, of klik erop om een bestand (PNG, JPEG, WebP of elke andere afbeelding die je browser kan openen) van je apparaat te kiezen.
2. Stel het veld Paletgrootte in op hoeveel dominante kleuren je wilt, van 2 tot 12.
3. Lees de rij Gemiddelde kleur voor het enkele gemengde gemiddelde van de hele afbeelding, weergegeven met de HEX-waarde.
4. Lees de lijst Dominante kleuren, geordend van de meest voorkomende kleur naar beneden, elk met een kleurstaal en de HEX-waarde.
5. Klik op de kopieerknop naast een kleur om die HEX-waarde naar je klembord te kopiëren.

Voorbeelden

Veelgestelde vragen

Welke afbeeldingsformaten kan ik gebruiken?

Elke afbeelding die je browser kan openen (de neerzetzone accepteert image/*), waaronder PNG, JPEG en WebP. De afbeelding wordt op een HTML-canvas getekend en de pixels worden lokaal gelezen om de kleuren te extraheren.

Hoe worden de dominante kleuren gekozen?

De tool leest de afbeeldingspixels, groepeert vergelijkbare kleuren in buckets en rangschikt de buckets op hoeveel pixels in elke vallen. De bovenste buckets worden je dominante kleuren, getoond van meest voorkomend eerst, elk als de gemiddelde kleur van zijn bucket.

Hoeveel kleuren kan ik extraheren?

Je stelt de Paletgrootte in tussen 2 en 12 dominante kleuren. De algehele gemiddelde kleur van de hele afbeelding wordt altijd apart getoond, naast die lijst.

Waarom kunnen de kleuren licht afwijken van de originele afbeelding?

Voor snelheid worden grote afbeeldingen verkleind voordat ze worden gelezen en worden vergelijkbare kleuren samengevoegd, dus elk staal is het gemiddelde van een groep in plaats van één exacte pixel. Het resultaat is een getrouw representatief palet in plaats van een kleurmonster per pixel.

Wordt mijn afbeelding ergens geüpload?

Nee. De afbeelding wordt 100% in je browser verwerkt met het HTML-canvas. Ze wordt nooit naar deftdeck of een server geüpload, dus de tool werkt offline en houdt je afbeelding privé.