Kleur uit afbeelding halen (pipet)
Open een afbeelding via de bestandskiezer, door te slepen of met Ctrl + V, en klik of tik op de plek die je wilt. De pipet toont de kleur van de pixel als HEX, RGB en HSL en vindt de hoofdkleuren van de afbeelding. Je afbeelding wordt nooit geüpload.
Zo wordt het berekend
Je afbeelding blijft op je apparaat
De pipet werkt volledig in je browser: de afbeelding wordt lokaal gedecodeerd en op een canvas getekend, en de kleurwaarde wordt met getImageData() rechtstreeks uit het geheugen gelezen. Er is geen upload en geen netwerkverzoek met beeldgegevens; sluit je de pagina, dan is de afbeelding weg. Alleen voor HEIC-foto’s die je browser zelf niet kan openen, wordt eenmalig een decoder van deze website geladen – je foto blijft ook dan lokaal.
Zo kies je een kleur
- Kies een afbeelding, sleep hem naar het vak of plak hem met Ctrl + V (bijvoorbeeld een screenshot).
- Klik of tik op de plek die je wilt. Met het toetsenbord verplaatsen de pijltjestoetsen de pipet pixel voor pixel.
- Kopieer de HEX-, RGB- of HSL-waarde. Je laatste acht keuzes blijven als kleurstalen in beeld.
Zo worden de hoofdkleuren bepaald
Voor de hoofdkleuren wordt de afbeelding verkleind tot maximaal 200 pixels aan de langste zijde. Elke niet-transparante pixel valt in een van 4.096 kleurvakken (16 niveaus per kanaal). De vaakst voorkomende vakken die duidelijk van elkaar verschillen worden tot zes hoofdkleuren; het percentage is hun aandeel in alle niet-transparante pixels. Dit is een eenvoudige kwantisering – goed voor een overzicht, maar geen kleurmeting.
Waarom de waarde kan afwijken van het origineel
- Kleurprofielen: browsers zetten afbeeldingen met een ingebouwd profiel (bijv. Display P3 van een smartphone) om naar sRGB. De pipet toont de sRGB-waarde die je in CSS zou gebruiken – een beeldbewerker die in P3 werkt, toont andere getallen.
- Compressie: JPEG en WebP slaan kleuren met verlies op, dus naburige pixels in een ‘egaal’ vlak kunnen een paar niveaus verschillen.
- Zeer grote afbeeldingen (meer dan 4.096 pixels per zijde) worden voor het lezen verkleind, waardoor naburige pixels worden gemiddeld. De getoonde positie verwijst naar de oorspronkelijke afbeelding.
Veelgestelde vragen
Wordt mijn afbeelding geüpload of opgeslagen?
Nee. De afbeelding wordt alleen in het geheugen van je browser verwerkt en nergens naartoe gestuurd. Er wordt ook niets in de browseropslag (localStorage) bewaard.
Hoe haal ik de kleurcode uit een screenshot?
Maak een screenshot (bijv. op Windows: Win + Shift + S; op een Mac kopieert Cmd + Ctrl + Shift + 4 hem naar het klembord), klik dan op deze pagina en druk op Ctrl + V (Cmd + V op een Mac). Klik op de plek die je wilt en de HEX-code verschijnt meteen.
Welke bestandsformaten werken?
JPG, PNG, WebP, GIF, BMP en AVIF, zolang je browser ze kan openen, plus HEIC-foto’s van een iPhone. Bij transparante afbeeldingen toont de pipet ook de dekking van de pixel.
Wat kan ik daarna met de kleur doen?
Kopieer de HEX-waarde en zet hem met de kleurconverter om naar andere formaten, maak passende kleuren met de kleurpaletgenerator of controleer met de contrastchecker of tekst in die kleur goed leesbaar is.
Bronnen en wettelijke basis
- MDN Web Docs – CanvasRenderingContext2D: getImageData()
- CSS Color 4, § 5.2: W3C – CSS Color Module Level 4: RGB hex notation
- CSS Color 4, § 7: W3C – CSS Color Module Level 4: HSL colors
Bijgewerkt op:
Vergelijkbare tools
- Kleurconverter: HEX, RGB, HSL, HSV, CMYKZet kleuren om: HEX naar RGB, RGB naar HEX, HSL, HSV, HWB en CMYK. Typ elk formaat in of gebruik de kleurkiezer en kopieer het resultaat, in je browser.
- Kleurenpalet generatorMaak bijpassende kleuren vanuit één basiskleur: complementair, analoog, triadisch, vierkant, gesplitst complementair of monochroom – met HEX, RGB en HSL.
- Contrast checker: kleurcontrast controleren (WCAG 2.2)Controleer het contrast tussen tekst- en achtergrondkleur: contrastverhouding volgens WCAG 2.2 met AA/AAA-oordeel voor normale tekst, grote tekst en UI.
- One Rep Max (1RM) berekenenSchat je one rep max op basis van gewicht en herhalingen met de formules van Epley en Brzycki, met een %1RM-tabel voor 1 tot 10 herhalingen. Werkt in kg of lb.
- Basaal metabolisme en energiebehoefte berekenenBereken je basaal metabolisme met de formule van Mifflin-St Jeor en je totale energiebehoefte per dag met de activiteitsniveaus (PAL) van FAO/WHO in kcal en kJ.
- BMI berekenen volgens de WHOBereken je BMI op basis van lengte en gewicht in cm en kg. Bekijk je WHO-categorie, van ondergewicht tot obesitas klasse III, en je gezonde gewicht.