Afbeeldingskleurextractor
Upload een afbeelding om de dominante kleuren te extraheren en direct een kleurenpalet te maken.
Afbeeldingskleur-extractor haalt de dominante kleuren uit elke geüploade afbeelding met het Median Cut-algoritme en geeft HEX-, RGB- en HSL-waarden plus het oppervlakaandeel per kleur. Bevat een pipet om exacte pixels te kiezen en exporteert paletten als CSS-variabelen, JSON, Tailwind-config of PNG-swatch. Volledig in je browser via de Canvas API — geen upload. Gemaakt door FreeToolHub.
Sleep een afbeelding hierheen of klik om te uploaden
Ondersteunt JPEG, PNG, WebP, GIF, BMP, SVG — max 50 MB
of plakken vanuit klembord (Ctrl+V)
Kleurenpalet
Palet exporteren
Je afbeeldingen worden volledig in je browser verwerkt. Er wordt niets naar een server geüpload.
FAQ
Wordt mijn afbeelding naar een server geüpload?
Nee. Alle verwerking gebeurt volledig in je browser via de HTML5 Canvas API. Je afbeelding verlaat nooit je apparaat.
Hoe werkt kleurextractie?
De tool gebruikt het Median Cut-algoritme om elke pixel in je afbeelding te analyseren en vergelijkbare kleuren te groeperen. Vervolgens berekent het de gemiddelde kleur van elke groep voor het palet.
Wat betekenen de proporties?
Het proportiepercentage toont hoeveel van de afbeelding elke kleur vertegenwoordigt. Een kleur van 30% beslaat ongeveer een derde van het beeldoppervlak.
Kan ik een specifieke pixelkleur selecteren?
Ja. Activeer de pipet en klik dan overal op de afbeelding om de exacte pixelkleur te selecteren. Je kunt geselecteerde kleuren aan je palet toevoegen.
Welke exportformaten zijn beschikbaar?
Je kunt het palet kopiëren als CSS custom properties, een JSON-array of een Tailwind CSS-configuratiefragment. Je kunt het palet ook downloaden als PNG-kleurstaalafbeelding.
Waarom worden wit en zwart uitgesloten?
Bijna witte en bijna zwarte pixels zijn vaak achtergronden of schaduwen die niet de betekenisvolle kleuren van de afbeelding vertegenwoordigen. Je kunt deze optie uitschakelen om ze wel mee te nemen.