Kleurextractor
Kies kleuren uit afbeeldingen en genereer ontwerppaletten.
Een kleurenpalet uit elke afbeelding halen
Overview
Een kleurextractor analyseert een afbeelding en geeft de dominante kleuren terug als een bruikbaar palet — hex-codes die je rechtstreeks in een ontwerp kunt zetten. Of je nu een merk afstemt op een foto, een moodboard bouwt of een website thematiseert rond een hero-afbeelding, handmatig kleuren pipetteren is traag en onnauwkeurig. Dit hulpmiddel sampelt de hele afbeelding en clustert de pixels tot de handvol kleuren die de look bepalen, allemaal verwerkt in je browser.
How to Use (Step by Step)
- 1
Sleep een afbeelding
Foto's, logo's, screenshots of illustraties werken allemaal. Afbeeldingen met hogere resolutie geven een representatiever palet.
- 2
Bekijk het geëxtraheerde palet
Dominante en accentkleuren verschijnen met hex- en RGB-waarden.
- 3
Kopieer de codes die je nodig hebt
Klik op een staal om de hex te kopiëren. Zet de waarden in je CSS, ontwerptool of merkgids.
How It Works
De afbeelding wordt op een canvas getekend en de pixels worden als RGB-waarden gelezen. Een clusteralgoritme (median-cut- of k-means-stijl) groepeert miljoenen pixels tot een kleine set representatieve kleuren, gewogen naar frequentie. Het resultaat is het dominante palet plus accentkleuren, elk met hex- en RGB-code klaar om te kopiëren. Omdat het lokaal op de ruwe pixeldata draait, wordt de bronafbeelding nooit geüpload.
When to Use This
Een website- of diathema bouwen dat harmonieert met een gekozen foto. Merkkleuren uit een logo halen. Een afgestemd palet maken voor een illustratie of UI-mockup. Moodboards maken uit inspiratiefoto's. Toegankelijke tekst-/achtergrondcombinaties kiezen uit een productfoto. Een CSS-gradiënt afstemmen op de tinten van een hero-afbeelding.
Frequently Asked Questions
Doorgaans de handvol dominante kleuren plus enkele accenten — genoeg voor een bruikbaar palet zonder je te overweldigen. Een foto met subtiele gradiënten clustert in minder verschillende tinten dan een graphic met vlakke kleurblokken.