Kleur uit afbeelding halen
Klik op een pixel in een foto om de exacte kleur te krijgen.
Beweeg over de foto om te vergroten, klik dan om de exacte kleur van een pixel te kiezen.
Draait in je browser. Je bestanden verlaten nooit je apparaat.
- HEX, RGB en HSL
- Vergrootglas voor precieze keuzes
- Palet met dominante kleuren
Zo kies je een kleur uit een afbeelding
- Sleep een foto hierheen.
- Beweeg over de foto en klik op de exacte pixel die je wilt.
- Kopieer de HEX-, RGB- of HSL-waarde.
HEX, RGB en HSL uitgelegd
| Formaat | Voorbeeld | Gebruikt voor |
|---|---|---|
| HEX | #3B82F6 | CSS, ontwerptools, de meeste stijlgidsen |
| RGB | rgb(59, 130, 246) | CSS, afbeeldingseditors |
| HSL | hsl(217, 91%, 60%) | De helderheid of verzadiging van een kleur aanpassen |
Hoe het palet met dominante kleuren wordt opgebouwd
De foto wordt verkleind naar een klein werkformaat, waarna de kleuren met kleurkwantisatie worden gegroepeerd tot ongeveer 8 representatieve tinten, dezelfde techniek die een foto terugbrengt tot een kleiner palet voor GIF of gepaletteerde PNG-output. Het weerspiegelt de kleuren die de meeste ruimte innemen, niet per se de meest opvallende.
Tips voor een exacte keuze
- Zoom in met het vergrootglas voordat je klikt. Het toont een vergrote weergave van de pixels rond je cursor, zodat je precies de juiste kunt raken.
- Klik op Geschiedenis om een kleur te hergebruiken die je eerder in dezelfde sessie al hebt gekozen.
- Kies bij een foto met ruis of JPEG-artefacten een pixel uit een vlak gebied van de gewenste kleur in plaats van een rand, waar compressie individuele pixels kan verschuiven.
Veelgestelde vragen over Kleur uit afbeelding halen
Hoe precies is de kleurkeuze?
Hij leest de exacte pixel onder je cursor, vergroot in het loepje zodat je precies kunt richten.
Wat is het palet met dominante kleuren?
Het toont ongeveer 8 kleuren die het vaakst voorkomen in de foto, handig om een ontwerp op een afbeelding af te stemmen.
Kan ik terug naar een kleur die ik al gekozen heb?
Ja. Elke kleur die je aanklikt, wordt opgeslagen in Geschiedenis, zodat je er opnieuw op kunt klikken om de HEX-, RGB- en HSL-waarden terug te halen.
Wordt mijn foto geüpload?
Nee. De kleurkiezer leest pixels in je browser, dus de foto verlaat nooit je apparaat.
Wat is het verschil tussen HEX en RGB?
Ze beschrijven precies dezelfde kleur in een andere notatie. HEX gebruikt een 6-cijferige code, RGB spelt de rood-, groen- en blauwwaarden uit van 0 tot 255. Gebruik wat jouw tool of CSS verwacht.
Waarom zou ik HSL gebruiken in plaats van HEX?
HSL splitst de tint, verzadiging en helderheid van een kleur, waardoor je makkelijker een lichtere of gedempte versie maakt door één getal te veranderen in plaats van alle drie de RGB-waarden opnieuw te berekenen.
Houdt de gekozen kleur rekening met JPEG-compressie?
Nee, hij leest de exacte pixelwaarde uit het bestand dat je sleepte, inclusief elke kleurverschuiving die JPEG-compressie al veroorzaakte. Kies voor de zuiverste kleur een vlak gebied in plaats van een rand.