0

Afbeeldingspalet-extractor

Extraheer het echte kleurenpalet van elke foto in je browser: median-cut-kwantificatie vindt 3–12 hoofdkleuren met HEX-codes, CSS-variabelen en JSON-export.

🔒 Wordt volledig in uw browser verwerkt. Niets wat u hier invoert, wordt ooit geüpload.

🧵

Sleep afbeelding

Verwerken... 0%
Afbeeldingsbestand inlezen
Pixels verkleinen
Median-cut-kwantificatie uitvoeren
Palet opbouwen

Resultaat

Preview Output

Deze palet-extractor leest de kleuren die daadwerkelijk in je afbeelding zitten — geen kleuren die theoretisch zijn berekend. Upload een foto, kies hoeveel kleuren je wilt (3 tot 12, vijf of zes volstaan voor de meeste klussen) en de tool geeft een palet van stalen terug, gesorteerd op gewicht: de dominante kleur eerst, elk met zijn HEX-code, zijn aandeel in de afbeelding in procenten en een kopieerknop. Exports zijn één klik verwijderd — een blok met aangepaste CSS-eigenschappen klaar voor een stylesheet, een JSON-array voor scripts en design tokens, en een paletstrook-PNG voor moodboards.

Onder de motorkap gebruikt de tool median-cut-kwantificatie, hetzelfde algoritme waar GIF-encoders op vertrouwen om miljoenen kleuren terug te brengen tot een klein palet. De afbeelding wordt eerst op een lokaal canvas verkleind tot ongeveer tienduizend pixels; daarna wordt de kleurruimte herhaaldelijk gesplitst op de mediaan van het breedste kanaal totdat het gewenste aantal clusters overblijft, en elk cluster wordt gemiddeld tot één staal. Daarom weerspiegelt het resultaat wat je oog ziet als het karakter van de afbeelding, in plaats van een handvol willekeurig gesamplede pixels.

Alles gebeurt in je browser: geen upload, geen wachtrij, geen account en volledige veiligheid voor niet-gepubliceerde ontwerpen, klantfoto's en interne schermafbeeldingen. Elk formaat dat de browser kan decoderen werkt — PNG, JPG, WebP, GIF, en transparante gebieden worden genegeerd zodat PNG-logo's schone paletten opleveren.

Typische toepassingen: het omzetten van een merkfotoshoot in designsysteemkleuren, een landingspagina afstemmen op een hero-afbeelding, diagram- of themakleuren genereren uit coverart, of het documenteren van het palet van een illustratie. Let op het verschil met de kleurenpaletgenerator, die harmonieuze paletten samenstelt vanuit één basiskleur die jij kiest — deze tool extraheert het palet dat een echte afbeelding al heeft. Heb je een staal gekozen en heb je het in een andere notatie nodig? De kleurformaatconverter vertaalt HEX naar RGB, HSL en CMYK.