Kleuren uit een afbeelding halen
Sleep een foto hierheen om de hoofdkleuren te zien, en klik ergens op de foto om een exacte tint te kiezen.
Verzegeld op dit apparaat
Werkt in je browser. Er wordt niets geüpload.
Verzegeld
Je afbeelding
Klik of tik op de afbeelding om de kleur van een pixel te kiezen.
Hoofdkleuren
Deze afbeelding is volledig transparant, dus er zijn geen kleuren om uit te halen.
Zo werkt het
-
Voeg een afbeelding toe
Sleep een foto, screenshot of illustratie hierheen, kies hem op je apparaat of plak hem met Ctrl+V.
-
Bekijk de hoofdkleuren
Het palet verschijnt in een oogwenk, van de meest tot de minst aanwezige kleur. Kies hoeveel kleuren je wilt.
-
Kopieer de codes
Kopieer één kleur, alle kleuren of het hele palet als CSS. Klik op de afbeelding om een precieze pixel te kiezen.
Veelgestelde vragen
Wordt mijn afbeelding geüpload?
Nee. De afbeelding wordt door je browser gelezen en geanalyseerd, op je apparaat. Ze wordt nooit naar een server gestuurd, dus je kunt gerust privéfoto’s of nog niet gepubliceerde ontwerpen gebruiken.
Hoe worden de hoofdkleuren gekozen?
De tool groepeert vergelijkbare pixels met een clustermethode die k-means heet, in een kleurruimte die aansluit bij het menselijk zicht (OKLab). Elke groep wordt één kleur van het palet, en het aandeel laat zien hoeveel van de afbeelding die kleur bedekt.
Waarom staat een klein fel detail niet in het palet?
Het palet richt zich op kleuren die een flink deel van de afbeelding bedekken. Een klein detail kan opgaan in een kleur die erop lijkt. Verhoog het aantal kleuren, of klik op het detail in de afbeelding om de exacte kleur te kiezen.
Wordt er rekening gehouden met transparante delen?
Nee. Transparante en grotendeels transparante pixels, zoals de achtergrond van een PNG-logo, worden genegeerd zodat ze het palet niet vertekenen.
Welke afbeeldingsformaten worden ondersteund?
Elk formaat dat je browser kan weergeven: JPG, PNG, WebP, GIF en BMP overal, en AVIF in recente browsers. Zet HEIC-foto’s van een iPhone eerst om naar JPG.