Kleur uit afbeelding halen

Upload een foto en ontdek welke kleuren erin zitten. Klik op een plek in de afbeelding en kopieer direct de kleurcode voor je ontwerp.

Sleep een afbeelding hierheen

Kies bestand

PNG, JPG, WebP of GIF (max 10 MB)

Je afbeelding wordt niet geüpload — alles gebeurt in je browser

of voer een kleurcode in

HEX —

RGB —

HSL —

Leesbaarheid

Tekst

op wit

—

Tekst

op zwart

—

Harmonieuze kleuren

Kleurenpalet

Klik op de afbeelding om een kleur te kiezen

HEX —

RGB —

HSL —

Leesbaarheid

Tekst

op wit

—

Tekst

op zwart

—

#000000

Hoe werkt de kleurkiezer?

In drie stappen haal je de exacte kleurcode uit elke foto of afbeelding.

Upload een afbeelding

Sleep een bestand naar het uploadveld of klik om een foto te kiezen. Je kunt ook plakken met Ctrl+V.

Klik op een kleur

Beweeg over de afbeelding en klik op de plek waarvan je de kleur wilt weten. Het vergrootglas helpt je precies de juiste pixel te kiezen.

Kopieer de kleurcode

Kopieer de kleurcode als HEX, RGB of HSL en gebruik ‘m direct in je ontwerp, website of huisstijl.

Ondersteunde kleurcodes

Elk kleurformaat heeft zijn eigen toepassing. De kleurkiezer geeft je alle drie, zodat je altijd de juiste code bij de hand hebt.

HEX

#0e7de5

De standaard voor webdesign en CSS. Zes tekens die een kleur beschrijven.

RGB

rgb(14, 125, 229)

Rood, groen en blauw als getallen van 0 tot 255. Veel gebruikt in design-software.

HSL

hsl(209, 88%, 48%)

Tint, verzadiging en helderheid. Handig als je variaties van dezelfde kleur wilt maken.

Veelgestelde vragen

Wordt mijn afbeelding ergens opgeslagen?

Nee. De kleurkiezer werkt volledig in je browser. Je afbeelding wordt niet naar een server gestuurd en nergens opgeslagen. Zodra je de pagina sluit, is alles weg.

Welke bestandsformaten kan ik gebruiken?

Je kunt PNG, JPG, JPEG, WebP en GIF-bestanden uploaden. De maximale bestandsgrootte is 10 MB. Dat is ruim genoeg voor de meeste foto’s en afbeeldingen.

Wat is het verschil tussen HEX, RGB en HSL?

HEX is het meest gebruikt voor websites en CSS. RGB geeft een kleur weer als mix van rood, groen en blauw — handig in design-programma’s. HSL beschrijft een kleur met tint, verzadiging en helderheid, waardoor je makkelijk lichtere of donkerdere varianten maakt.

Kan ik ook een kleurenpalet uit een foto halen?

Ja. Zodra je een afbeelding uploadt, analyseert de tool automatisch de dominante kleuren en toont die als kleurenpalet. Klik op een kleur in het palet om de exacte kleurcode te zien.

Werkt de kleurkiezer op mijn telefoon?

Ja, de tool werkt op mobiel. Upload een foto of maak er eentje met je camera, en tik op de plek waarvan je de kleur wilt weten.

Hoe kan ik de kleurcode gebruiken voor mijn website?

Kopieer de HEX-code (bijvoorbeeld #0e7de5) en plak die in je websitebouwer of CSS. In WordPress, Wix of Squarespace kun je HEX-codes invoeren bij kleurinstellingen. RGB en HSL werken in CSS en design-software zoals Canva of Figma.