PixoateKleurkeuzes & Palette-extractor - Kies kleuren uit afbeelding
Upload een willekeurige foto, klik om een pixelkleur te kiezen (HEX / RGB / HSL) of extraheer automatisch het dominante palet. Download als JSON- of CSS-variabelen.
Drop een afbeelding om het palet eruit te halen
Over Color Picker
Je afbeelding kwantiseert in het gevraagde aantal dominante kleuren met 4-bits-per-kanaal bucketing, en sorteert vervolgens op frequentie. Draait volledig in je browser — je afbeelding verlaat je apparaat nooit.
Ga door met het verbeteren van uw afbeeldingen
Breng je fotobewerking naar een hoger niveau met deze populaire tools
Tekst toevoegen aan afbeelding
Voeg bijschriften en titels toe aan uw verbeterde foto
Fotorand toevoegen
Omlijst je effect met prachtige randen
Afbeelding comprimeren
Optimaliseer uw verbeterde afbeelding voor delen
Formaat van afbeelding wijzigen
Afbeeldingsafmetingen wijzigen
Foto naar cartoon
Probeer een andere artistieke stijl
Potlood schets
Maak artistieke potloodtekeningen
Frequently Asked Questions
Upload elke JPG, PNG, WebP of GIF en klik ergens op de weergegeven afbeelding — de exacte pixel onder je cursor wordt gesampled en weergegeven als HEX, RGB en HSL met één klik kopie voor elk formaat. Perfect om een merkkleur te matchen, een proeflap van een foto te samplen, of accenttonen uit een ontwerpmockup te halen.
usageDe afbeelding wordt gedownsampled tot 320 pixels aan de langste zijde, waarna elke pixel wordt ingedeeld met de bovenste 4 bits per kanaal. De meest bevolkte buckets worden gemiddeld teruggebracht naar volledige 8-bits kleur, gesorteerd op frequentie, en teruggegeven als je palet. Het resultaat is meestal 5-24 dominante kleuren die het beeld visueel samenvatten.
technicalJa. De downloadknoppen produceren twee formaten: een CSS-variabeleblok dat klaar is om te plakken in een :root-selector (--kleur-1, --kleur-2...), en een JSON-bestand met hex-, RGB-componenten en gewichtspercentage voor elke kleur. Beide formaten integreren soepel in ontwerptokens, Tailwind-configuraties en paletbibliotheken.
featuresNee — kleurselectie en paletextractie gebeuren volledig in je browser met behulp van de HTML Canvas API. De afbeelding blijft op je apparaat, waardoor de tool veilig is voor niet-uitgebrachte productfoto's, conceptmockups en merkassets onder NDA.
privacyVoor merkidentiteitswerk is 5-8 kleuren de ideale balans — het vangt het dominante thema zonder de accentkeuzes te verwateren. Voor datavisualisatie raden we 10-16 kleuren aan zodat je genoeg categorische tinten hebt. De schuifregelaar laat je kiezen tussen 5 en 24.
tipsPixels met alfa onder de 128 worden genegeerd, zodat transparante achtergronden het palet niet vervuilen met "achtergrond"-kleuren. Dit maakt Image Color Picker bijzonder geschikt voor productuitknipsels, stickerkunstwerken en geïsoleerde onderwerpen.
technicalHEX (#RRGGBB) is het meest compact en is wat CSS, Figma en Sketch standaard gebruiken. RGB toont de drie componentwaarden van 0-255 — nuttig bij programmatisch werken met beeldgegevens. HSL (tint, verzadiging, lichtheid) is intuïtief om kleuren aan te passen: kleur veranderen om de kleurfamilie te veranderen, en lichtheid aanpassen voor tinten en tinten.
technicalJa. Gratis, geen account nodig, geen limieten op afbeeldingsgrootte of aantal paletten die worden gehaald. Er is niets te installeren — de hele tool bestaat uit één webpagina.
pricingUse Cases
Merkidentiteitsaudit
Haal de exacte HEX-waarden uit een bestaand logo of marketingmiddel om in je stijlgids te verwerken. Match de merkkleuren van de concurrent voor een positioneringsdeck of pitch.
Webontwerp Paletopbouw
Haal dominante kleuren uit een foto of moodboard, exporteer als CSS-variabelen en voeg ze toe aan je stylesheet. De 5-8 kleuren sweet spot dekt primaire, accent- en neutrale kleuren voor een volledig design system seed.
E-commerce productvermeldingen
Stem de achtergrondkleuren van het product aan bij het thema van je winkel. Kies de dominante accentkleur uit een sneaker- of jurkfoto en gebruik die als uitblinker van de advertentie.
Interieur & Mode-inspiratie
Maak een foto van een kamer of outfit die je mooi vindt en haal het palet eruit. Gebruik het om verf, stoffen of accessoires te kiezen die het bestaande schema aanvullen — en verander visuele inspiratie in uitvoerbare staaljes.
Datavisualisatieschema's
Genereer een categorisch palet van 10-16 kleuren, afgeleid van een afbeelding die je wilt oproepen (bijvoorbeeld een aquarel voor een zachte grafiek, een zonsondergang voor warm-koele gradiënten). Beter dan generieke tinten kiezen.
Game- en UI-assetworkflows
Haal het geïndexeerde kleurenpalet uit sprite-art of UI-mockups om het in een pixel-art-tool of game-engine te voeren. De palet-JSON-export integreert met Aseprite, Photoshop en de meeste asset pipelines.