Kleur uit afbeelding online gratis
Sleep een foto in dit tabblad, richt met de loep en kopieer HEX, RGB of HSL. Een vlak logo lees je met één pixel. Een foto mag een klein vak middelen. Op de telefoon zoom je in en richt je boven je vinger. Het bestand blijft hier.
Sleep een foto om kleur uit afbeelding te halen
JPG, PNG, WebP, GIF, BMP of AVIF. Eén bestand onder 40 MB. Plak een schermafbeelding met Ctrl+V of ⌘V.
100% privé: de pixels blijven in deze browser. Er wordt niets geüpload.
Beweeg over de foto. De loep toont de echte pixels. Klik om vast te zetten. Op de telefoon richt je boven je vinger.
Kleuren in dit bestand
Vastgezette kleuren
Alleen Chrome en Edge. Dit leest het scherm, niet het bestand hierboven.
100% lokaal
De kleurkiezer draait in deze browser. De foto verlaat het tabblad niet.
Geen upload
Er gaat niets naar een server om een pixel te lezen of het palet te bouwen.
Gratis, geen account
Geen aanmelding en geen watermerk op de code. Kopieer HEX, RGB of HSL.
Ook op deze site: Afbeelding splitsen · Foto bijsnijden · Foto vervagen · Foto pixelen · Afbeeldingen samenvoegen · Afbeelding comprimeren
Wat is kleur uit afbeelding halen?
Kleur uit afbeelding halen betekent dat je een bestand dat je al hebt opent en de code van één punt meeneemt. Wie een hex code uit afbeelding zoekt of een kleurenpalet uit afbeelding wil, vraagt dezelfde klus: een stilstaand bestand erin, een code eruit. Een kleurkiezer voor een foto landt in hetzelfde vak. Dit is geen zoekmachine naar plaatjes van kleuren, en het is geen filter dat de foto herschildert. JPG, PNG, WebP, GIF, BMP en AVIF mogen. HEIC, TIFF en PDF worden geweigerd. Een geanimeerde GIF levert alleen het eerste frame. Een geplakt webadres gaat ook niet open: een foto op een andere site is vanuit dit tabblad meestal niet te lezen, en deze pagina uploadt je bestand niet om dat te omzeilen.
De pipet in Word, Canva, Photoshop, PowerPoint, Excel, InDesign of Procreate kijkt in dat programma, niet in een PNG die nog in Downloads staat. Een extensie voor Chrome of een programma voor Windows leest de monitor. In het Engels heet die klasse color picker. Zo’n tool faalt in een browser zonder scherm-API en opent je bestand niet. Deze pagina tekent het bestand op een vlak in het tabblad en leest dat vlak. Je plakt een schermafbeelding of je sleept het bestand. We schrijven de klikken van die pipet niet uit. Wie een kleurkiezer voor verf, muurverf, Flexa of Gamma zoekt, zoekt een verfwinkel. Hier meng je geen muurverf. Een RAL-code komt hier ook niet terug: je krijgt alleen HEX, RGB of HSL.
Eén pixel is de goede lezing op een vlak logo of de vulling van een knop. Op een foto is het vaak de foute lezing. JPEG-blokken, ruis van de camera en anti-aliasing langs een rand maken dat buren niet overeenkomen, terwijl je oog ze middelt. 3×3 en 5×5 middelen dat kleine vak, zodat de code dichter bij de kleur komt die je ziet. Transparante pixels in het vak worden overgeslagen. De loep tekent die echte pixels, met het middelste vak gemarkeerd, zodat de aanwijzer de plek niet bedekt. Pijltjestoetsen schuiven één pixel. Shift schuift tien. Is de langste zijde langer dan 2.000 px, dan meet de pagina een kopie van 2.000 px en zegt ze dat in het vak.

HEX, RGB en HSL zijn dezelfde kleur
Kopieer de schrijfwijze die het volgende programma verwacht. De drie codes hieronder beschrijven één vastgezette pixel.
| Format | Example | Use |
|---|---|---|
| HEX | #1A73E8 | CSS, HTML, Figma en de meeste ontwerptools. Zes tekens achter #. |
| RGB | rgb(26, 115, 232) | Dezelfde kleur als rood, groen en blauw, van 0 tot 255. |
| HSL | hsl(214, 82%, 51%) | Tint, verzadiging en helderheid. Handiger als je daarna een lichtere of donkerdere stap wilt. |
Wat je hier kunt doen
Eén bestand, een loep, een zoom, een meetgrootte en codes die je kopieert. Het palet houdt zowel de grote vlakken als de sterkere kleuren.
Een loep van de echte pixels
Het raster volgt de aanwijzer en tekent een blok van 11 bij 11 uit het bestand, geen wazige zoom van het voorbeeld. Het middelste vak is de pixel die je zo vastzet. Pijltjestoetsen schuiven één pixel. Shift schuift tien. Zo zie je of je op de vulling zit of op de gemengde rand, zonder dat de cursor de plek verstopt.
Passend, 2× of 4×
Passend toont het hele bestand. 2× en 4× vergroten het, zodat een klein merkteken makkelijker te raken is. Sleep de vergrote foto om te verschuiven, en klik of laat los om vast te zetten. De loep blijft de pixels van het bestand zelf lezen, niet een opgeblazen voorbeeld.
1 px, 3×3 of 5×5
1 px is de enkele pixel, voor logo’s en egale vlakken in een interface. 3×3 en 5×5 middelen het vak eromheen, voor foto’s waar buren niet overeenkomen. Transparante pixels in het vak worden overgeslagen, zodat een rand met alfa de code niet naar niets trekt.
HEX, RGB, HSL en een nabije naam
Kopieer HEX, RGB of HSL van de vastgezette kleur. De naam is de dichtstbijzijnde Engelse CSS-naam op RGB-afstand, bijvoorbeeld steel blue of tomato. Ze is niet vertaald, en het is geen merknaam die op een verpakking staat. Plak de code in je ontwerptool. Plak de naam niet in CSS en verwacht dezelfde kleur.
Een palet uit dit bestand
Tot acht stalen mengen de grootste egale vlakken met de sterkere kleuren, zodat een klein logo niet onder een witte achtergrond verdwijnt. Klik er een om hem vast te zetten. Bijna gelijke bruintinten worden overgeslagen. Het blijft geen merkenboek, en het is geen palet dat een AI heeft verzonnen. Alleen dit bestand telt.
Kleur uit een afbeelding halen
Zet het bestand erop, richt, zet vast, kopieer. Het voorbeeld is het bestand. Er is geen tweede omzetstap.
Zet de foto erop
Sleep een JPG, PNG, WebP, GIF, BMP of AVIF, of plak een schermafbeelding. De pixels worden in dit tabblad gedecodeerd. HEIC, TIFF, PDF en een webadres gaan niet open.

Richt en zet vast
Gebruik 1 px op een egale vulling, of 3×3 / 5×5 op een foto. Klik om vast te zetten. Op de telefoon zoom je in als het merkteken klein is. De meting zit boven je vinger. Laat los om vast te zetten.

Kopieer de code
Kopieer HEX, RGB of HSL. Heb je een bestand nodig en niet alleen een code, download dan een egale PNG van dat staal.

Waarom de kleur die je ziet en de pixel niet kloppen
Het verschil zit in het bestand, niet in de klik. Dit zijn de gevallen die deze pagina je laat zien.
De rand van een letter is niet de vulling
Anti-aliasing mengt de vulling met de achtergrond langs elke rand. Een klik op die franje geeft een derde kleur. Richt op het midden van het egale vlak en gebruik 1 px. De loep laat die mengpixels zien voordat je vastzet.
Een JPEG staat in blokken
JPEG bewaart een gladde lucht niet als één code. Buurpixels springen. Een lezing van 1 px hopt terwijl je beweegt. Een gemiddelde van 5×5 blijft dichter bij de kleur die je oog meldt. Dat is het bestand, geen fout van de klik.
Een schermafbeelding is al gecomprimeerd
Bewaarde een chat of de schermtool het plaatje, dan kan de oorspronkelijke merkkleur al weg zijn. Deze pagina meldt het bestand dat je toevoegde. Ze kan geen code terughalen die niet meer in de pixels staat.
Een vinger dekt de pixel
Op de telefoon zit de meting boven de vinger, en de loep toont die pixels. Laat los om vast te zetten. Is het merkteken klein, gebruik dan 2× of 4× en sleep de foto tot de loep erop staat. Pijltjestoetsen schuiven één pixel als een muis te grof is.
Een kleurprofiel is niet het pixelgetal
Photoshop kan een andere HEX tonen voor dezelfde plek als het bestand Display P3 of een drukprofiel meeneemt. Deze pagina leest de sRGB-pixels die de browser decodeerde. Dat is het getal dat je in CSS en Figma plakt. Ze maakt er geen drukproef van, en ze maakt een schermafbeelding die de monitor al vastlegde niet ongedaan.
Voordat je de code vertrouwt
- Op een logo klik je in het midden van een egale vorm. De rand is een mengsel.
- Op een foto begin je op 5×5. Zak naar 1 px alleen als je één exacte pixel nodig hebt, zoals een los lampje.
- Geven twee klikken op dezelfde lucht twee HEX-codes, dan is dat het bestand. Middel ze met 5×5 in plaats van te zoeken naar een pixel die bij je geheugen past.
- De dichtstbijzijnde naam kan steel blue zeggen voor een merkblauw. Plak de HEX in de ontwerptool. Plak de naam niet in CSS en verwacht geen match. De naam blijft Engels.
- Geanimeerde GIF’s gebruiken frame één. Een later frame kan een andere kleur zijn.
- HEIC van een iPhone gaat hier niet open. Exporteer eerst een JPG of PNG.
- Deze pagina verzint geen CMYK-waarde voor de drukker. Een schermpixel omgezet naar inkt is geen drukproef.
- Toont Photoshop een andere HEX, dan kan het bestand een kleurprofiel meenemen. Deze pagina meldt de sRGB-pixels die de browser decodeerde.
Drie klussen die deze pagina wel afmaakt
Elke kaart is een bestand dat je al hebt, een meetinstelling, en de grens van die lezing.
Een logo voor een stylesheet
Je hebt een PNG van een merk en je hebt de vulling in CSS nodig.
Bestand: Een PNG, of een SVG die je naar PNG exporteerde, met een egale merkvorm.
Instelling: 1 px, gericht op het midden van de vulling.
Je kopieert: HEX, geplakt in CSS of in Figma.
Grens: De anti-aliased rand is een andere code. Klik niet op de rand.
Een schermafbeelding van een site
Je ziet de kleur van een knop en je kunt het stylesheet niet openen.
Bestand: Een schermafbeelding die je uit het klembord plakt.
Instelling: 1 px op het egale deel van de knop, niet op de rand.
Je kopieert: HEX of RGB.
Grens: De compressie van de schermafbeelding, en de monitor waarop ze gemaakt is, kunnen de code al hebben verschoven.
Een productfoto
Je wilt een bruikbare kleur voor een achtergrondtint, niet één ruisende pixel.
Bestand: Een JPG van het product.
Instelling: 5×5 op het materiaal, weg van hooglichten en schaduw.
Je kopieert: HSL, en daarna een lichtere stap in de ontwerptool.
Grens: Het vak is een gemiddelde van die plek. Het is geen gemeten merkkleur.
Deze pagina en een pipet op de computer
Deze pagina
Leest een bestand in de browser
Sleep of plak een stilstaand beeld. De loep, de meetgrootte, de HEX en het palet komen uit dat bestand. Geen extensie, geen Windows-programma en geen account. Chrome en Edge kunnen ook van het scherm pakken met de pipet van de browser zelf. Dat extra vak staat als schermlezing gemarkeerd. Het leest het bestand niet.
Een andere klus
Schermpipet, editors en filters
Een kleurtool op de computer of een extensie kijkt naar de monitor. Photoshop kan ook meten, binnen een volledige editor. Geen van beide is nodig om één code uit een bestand te lezen dat je al hebt opgeslagen. Foto bijsnijden, Foto vervagen en Foto pixelen op deze site veranderen pixels. Ze geven je geen HEX-code. Afbeelding splitsen deelt een foto in stukken. Afbeeldingen samenvoegen en Afbeelding comprimeren maken een ander bestand. Gebruik die als de klus een nieuw plaatje is, niet een code. De tint van het hele beeld draaien doe je met Kleur van foto veranderen, niet hier.
Vragen over kleur uit afbeelding
Hoe kun je kleur uit afbeelding halen? +
Sleep de foto op deze pagina of plak een schermafbeelding. Beweeg tot de loep op de kleur staat, klik om vast te zetten en kopieer HEX, RGB of HSL. Een vlak logo lees je met 1 px in het midden van de vulling. Een foto zet je op 3×3 of 5×5, omdat buurpixels zelden dezelfde code bewaren. Het bestand blijft in dit tabblad. Er is geen tweede omzetstap en geen account.
Hoe haal je een hex code uit afbeelding? +
Zet een punt vast en druk op Kopieer HEX. De code heeft deze vorm: #1A73E8. Kopieer RGB en Kopieer HSL zijn dezelfde kleur in de andere twee schrijfwijzen, rgb(26, 115, 232) en hsl(214, 82%, 51%). Op een ruisende JPEG zet je 5×5 vóór je kopieert, anders springt de hex code van de ene pixel naar de buur. Plak de code in CSS of Figma. De Engelse naam is niet die hex.
Hoe maak je een kleurenpalet uit afbeelding? +
Bij het openen bouwt de pagina tot acht stalen uit dit bestand: de grote egale vlakken en de sterkere kleuren, zodat een klein logo niet verdwijnt onder wit. Klik een staal om het vast te zetten en de code te kopiëren. Bijna gelijke bruintinten worden overgeslagen. Een kleurenpalet uit afbeelding is hier geen palet van een AI, en het is geen merkenboek dat een bureau heeft geschreven.
Is een kleurkiezer foto hetzelfde als deze pagina? +
Ja, als je een code wilt uit een foto die je al hebt. Kleurkiezer foto, kleurkiezer online en kleurkiezer hex landen in dit tabblad: je wijst een pixel aan en kopieert HEX, RGB of HSL. Een kleurkiezer voor muurverf, een Flexa-waaier of een Gamma-staal is een andere klus. Die mengt verf. Deze pagina mengt niets en levert geen winkelcode.
Geeft deze pagina een RAL kleur uit afbeelding? +
Nee. Deze pagina geeft geen RAL-code terug. RAL kleur uit afbeelding halen lukt hier niet. Je krijgt HEX, RGB of HSL van de sRGB-pixels die de browser heeft gedecodeerd, plus een Engelse CSS-naam zoals steel blue of tomato. Een RAL-waaier hoort bij verf en bij drukwerk. Plak de HEX in het programma dat de waaier en het papier kent.
Is kleur uit afbeelding hier gratis? +
Ja. Er is geen account, geen proefperiode en geen watermerk op de code. De meting gebeurt in het tabblad dat je al open hebt. Je installeert geen app en je betaalt niet om de code te zien. Sluit je het tabblad, dan is de lezing weg.
Heb je een Chrome-extensie of een Windows-programma nodig? +
Nee. Een Chrome-extensie en een Windows-programma lezen het scherm. Deze pagina leest een bestand of een geplakte schermafbeelding in de browser. In Chrome en Edge kun je ook Van het scherm pakken gebruiken. Dat is de pipet van de browser zelf en die ziet alleen de monitor, niet het bestand erboven. Een verplichte installatie is er niet.
Vervangt dit de pipet in Word, Canva of Photoshop? +
Nee. De pipet in Word, Canva en Photoshop bemonstert binnen dat eigen document. Hier lees je een bestand dat je al hebt opgeslagen, zonder de editor te openen. Die programma’s heb je nog nodig om te schilderen. Deze pagina geeft alleen de code. We schrijven de klikken in die pipet niet uit, ook niet voor PowerPoint, Excel, InDesign of Procreate.
Kan ik hier de kleur van een foto veranderen? +
Nee. Deze kiezer verft de foto niet opnieuw, keert geen kleuren om en vervangt geen kleur door een andere. Daarvoor is Kleur van foto veranderen, op deze zelfde site. Kleur verwijderen uit afbeelding gebeurt hier ook niet. Je haalt alleen de code van het punt dat je aanwijst, en het bronbestand blijft onaangeroerd.
Waarom geven twee klikken op dezelfde plek twee codes? +
Foto’s en JPEG’s bewaren geen enkele egale code voor een lucht of een shirt. Buurpixels verschillen door blokken, ruis en een zachte rand. Gebruik 3×3 of 5×5 om een klein vak te middelen. Op een logo blijf je op 1 px en klik je in het midden van de vlakke vulling, niet op de franje. Twee codes op dezelfde lucht zijn het bestand, niet een mislukte klik.
Krijg ik de kleurnaam in het Nederlands? +
Nee. De dichtstbijzijnde naam is een Engelse CSS-naam, zoals steel blue of tomato. Die is niet vertaald en het is geen merknaam van een verpakking. De keuze is de kleinste RGB-afstand tot een bekende CSS-naam. Typ je die naam in CSS, dan kom je niet terug op dezelfde HEX. Plak de code, niet het woord.
Wordt de foto geüpload? +
Nee. De browser decodeert het bestand en leest de pixels op dit apparaat. Sluit het tabblad en de meting is weg. Er hangt geen account aan de lezing. Er gaat niets naar een server om een pixel te lezen of het palet te bouwen. Een webadres plakken om de foto elders op te halen doen we ook niet.
Kan ik een schermafbeelding plakken? +
Ja. Kopieer de schermafbeelding, open deze pagina en plak met Ctrl+V of ⌘V. Op de telefoon, als plakken niet wordt aangeboden, gebruik je de bestandskeuze. Een schermafbeelding is al het beeld van een monitor. De code kan daardoor al verschoven zijn tegenover het oorspronkelijke bestand. Deze pagina meldt wat je plakte, niet wat de site ooit als bron had.
Kan ik een webadres plakken en daar de kleur uithalen? +
Nee. Een foto op een andere site is vanuit dit tabblad meestal niet te lezen, en deze pagina uploadt je bestand niet naar een server om die foto op te halen. Sla de afbeelding op en sleep dat bestand hierheen. Een site die een webadres ophaalt, is een andere aanpak. Die gebruiken we hier niet.
Krijg ik CMYK voor de drukker? +
Nee. Een schermpixel omzetten naar CMYK is geen drukproef. Deze pagina verzint geen CMYK-waarde en geeft geen RAL-code. Kopieer HEX of RGB en doe de omzetting in het programma dat het papier en het profiel kent. De sRGB-lezing hier is het getal voor het scherm, niet de inkt.
Werkt het op de telefoon? +
Ja. De meting zit boven je vinger, en de kleur zet vast als je loslaat. Gebruik 2× of 4× als het merkteken klein is, en sleep de foto tot de loep erop staat. Is de langste zijde langer dan 2.000 px, dan leest de pagina een kopie van 2.000 px zodat het tabblad bruikbaar blijft, en ze zegt dat op het moment dat het gebeurt. De codes horen bij die kopie.
Waarom toont Photoshop een andere HEX? +
Het bestand kan een kleurprofiel meenemen, zoals Display P3 of een drukprofiel. Photoshop kan het getal binnen dat profiel tonen. Deze pagina leest de sRGB-pixels nadat de browser het bestand heeft gedecodeerd. Dat is de waarde die je in CSS of Figma plakt. Een schermafbeelding gaat een stap verder: dat zijn al de pixels van de monitor. Geen van beide lezingen is een CMYK-drukproef.
Is kleur van het scherm hetzelfde als het bestand? +
Nee. Van het scherm pakken, in Chrome en Edge, leest de monitor. De rest van de pagina leest het bestand dat je sleepte of plakte. De schermlezing haalt het oorspronkelijke bestand niet terug als de monitor de foto al heeft veranderd. Het vak staat apart, zodat je die twee lezingen niet door elkaar haalt.
Haal de kleur uit je afbeelding
Sleep een foto of plak een schermafbeelding. Zet een pixel vast. Kopieer de code. Het bestand blijft op dit apparaat.
Kleur uit afbeelding halen