Afbeelding kleurenkiezer Raak elke pixel precies, kopieer HEX／RGB／HSL direct

Wat is de afbeelding kleurenkiezer?

Deze gratis online tool helpt ontwerpers, developers en presentatiemakers om de exacte kleur van elke pixel uit een foto, mockup of screenshot te halen. Sleep een afbeelding, beweeg de cursor over de gewenste plek om een vergrootglas te zien dat die pixel in real time uitvergroot, en klik om direct de HEX-, RGB- en HSL-codes te kopiëren en toe te voegen aan een palet dat je kunt opbouwen en vergelijken.

🔒 Alle verwerking gebeurt 100% lokaal in je browser. Je afbeelding wordt nooit naar een server verzonden, waardoor je bestanden en privacy volledig beschermd blijven.

Voor wie is deze tool?

• Ontwerpers en illustratoren: snel exacte merkkleuren halen uit een referentieafbeelding van een klant, een huisstijlgids of een screenshot van een concurrent.
• Marketeers en presentatiemakers: de hoofdkleur uit een bedrijfslogo halen zodat dia's perfect aansluiten bij de merkidentiteit.
• Front-end developers: de benodigde HEX-code voor CSS direct uit een screenshot van een UI-mockup halen, zonder ontwerpsoftware te openen.
• Fotografen en kunstenaars: de toonverdeling van een foto analyseren als referentie voor kleurcorrectie.

Wat zijn HEX, RGB en HSL?

Dit zijn de drie meest gebruikte formaten om een kleur weer te geven: HEX (bijv. #4E8AB5) is de hexadecimale code die het meest wordt gebruikt in webdesign; RGB beschrijft een kleur met rood-, groen- en blauwwaarden (0–255); HSL beschrijft tint, verzadiging en helderheid, wat vaak intuïtiever aanvoelt. Lees meer op Wikipedia: Web colors.

Zo gebruik je het

1. Sleep een afbeelding naar het uploadgebied, of klik op Afbeelding kiezen om je bestanden te doorzoeken.
2. Beweeg de cursor over elk punt op de afbeelding — het vergrootglas toont in real time de exacte kleur daaronder.
3. Klik om de HEX-code automatisch te kopiëren en toe te voegen aan het palet hieronder; elk staaltje kan afzonderlijk als HEX, RGB of HSL worden gekopieerd, of worden verwijderd.

Veelgestelde vragen (FAQ)

V1: Wordt mijn afbeelding naar een server geüpload?

Nee. Deze tool leest pixelkleuren lokaal via de native Canvas API van de browser. Je afbeeldingsbestand verlaat nooit je apparaat, en alles wordt automatisch gewist wanneer je de pagina opnieuw laadt.

V2: Waarom zie ik de knop Van scherm oppakken niet?

Deze functie gebruikt de native EyeDropper API van de browser, die momenteel alleen beschikbaar is in Chromium-gebaseerde browsers zoals Chrome en Edge (versie 95+). Firefox en Safari ondersteunen dit nog niet. De hoofdfunctie van de kleurenkiezer werkt ook zonder deze knop feilloos.

V3: Beïnvloedt afbeeldingscompressie de kleurnauwkeurigheid?

Enigszins. Formaten met verliesgevende compressie, zoals JPG, kunnen pixelwaarden licht laten afwijken van het originele ontwerpbestand. Gebruik voor pixelperfecte nauwkeurigheid waar mogelijk een verliesvrij formaat zoals PNG.