Kleur picker: pik elke kleur van je scherm op
Bijgewerkt op 9 maart 2026
Wil je weten welke kleur ergens op je scherm gebruikt wordt? Met de kleur picker van Ster Software pik je via de EyeDropper API elke pixel op en zie je meteen de HEX-, RGB- en HSL-waarde.
🎨 Kleur oppikken →Hoe werkt de kleur picker?
Stap 1: klik op "Kleur oppikken"
De browser vraagt toestemming voor de EyeDropper. Klik op "Toestaan" om door te gaan. Er wordt geen screenshot gemaakt of opgeslagen.
Stap 2: beweeg over het scherm
Je cursor verandert in een vergrootglas. Ga naar de pixel waarvan je de kleur wilt weten en klik erop.
Stap 3: kopieer de kleurcode
De HEX-, RGB- en HSL-waarden verschijnen meteen. Klik op de waarde om hem naar het klembord te kopiëren.
Waarvoor gebruik je de kleur picker?
- ✓Kleuren van een website of afbeelding overnemen in je eigen ontwerp
- ✓Merkkleur opzoeken als je geen toegang hebt tot de bronbestanden
- ✓Kleurwaarden checken bij toegankelijkheidstests
- ✓Kleuren uit foto's gebruiken als inspiratie
Veelgestelde vragen
Werkt de kleur picker in alle browsers?
De EyeDropper API werkt in Chrome, Edge en Opera. Firefox en Safari ondersteunen hem nog niet. Op niet-ondersteunde browsers laat de tool een melding zien.
Kan ik ook kleuren van andere applicaties oppikken?
Ja. De EyeDropper werkt over je hele scherm, ook buiten de browser. Je kunt kleuren oppikken uit afbeeldingen, andere applicaties en het bureaublad.
Gerelateerde tools
- Kleur convertor — HEX, RGB, HSL en CMYK omzetten
- Contrast checker — Kleurcontrast controleren (WCAG)
- Kleurenpalet — Dominante kleuren uit een afbeelding halen
- Kleurharmonieën — Kleurschema's genereren op basis van kleurtheorie
- Gradient generator — CSS-gradients maken en kopiëren
Extra context en praktische tips
Kleur picker: kleur oppikken van je scherm wordt vaak gebruikt als snelle tool of korte handleiding, maar in de praktijk is het meestal onderdeel van een bredere workflow. Pik elke kleur van je scherm op met de EyeDropper. Krijg direct de HEX, RGB en HSL waarden. Gratis in je browser. Daarom is het nuttig om vooraf te bepalen welke invoer je nodig hebt, wat je met de uitkomst wilt doen en welke vervolgstap daarna logisch is. Zo voorkom je dat je alleen een losse tool gebruikt zonder te controleren of de rest van je proces er goed op aansluit.
Bij Ster Software proberen we zulke pagina's daarom niet alleen te laten functioneren als tool, maar ook als compacte landingspagina met extra uitleg. Dat helpt bezoekers die snel resultaat willen, maar ook mensen die willen vergelijken, documenteren of intern willen uitleggen hoe kleur picker: kleur oppikken van je scherm werkt. Door die extra tekst krijgt de pagina meer zelfstandige waarde en is meteen duidelijker voor welk probleem deze route bedoeld is.
Een praktische aanpak is om eerst de tool of uitleg op deze pagina te gebruiken, daarna het resultaat te controleren en vervolgens door te klikken naar een verwante handleiding of tool als je proces nog niet klaar is. Zo blijft kleur picker: kleur oppikken van je scherm een bruikbare stap binnen een groter geheel in plaats van een losse pagina zonder vervolg.