Afbeeldingskleurkiezer
Om een merkkleur te bepalen aan de hand van een screenshot van een logo of een muurkleur uit een foto te halen, moet je meestal Photoshop openen. Deze kleurkiezer laadt elke afbeelding in een inzoombaar canvas en toont de HEX-, RGB- en HSL-waarde van de pixel waarop je klikt, met een gemiddelde van 10×10 zodat je een gebied kunt bemonsteren in plaats van één enkele pixel en zo JPEG-ruisartefacten voorkomt.
Hoe je een kleur uit een afbeelding kunt kiezen
-
1
Upload of sleep een afbeelding
JPG, PNG, WebP, de kiezer past zich aan uw weergavevenster aan.
-
2
Zoom in op het gebied
Scrol om in te zoomen; sleep om precies naar de plek te bewegen die u wilt bemonsteren.
-
3
Klik op een pixel
Directe weergave in HEX, RGB en HSL, plus een vergroot kleurstaal.
-
4
Kopieer de notatie die u nodig hebt
Met één klik kopieert u HEX, rgb() of hsl() naar uw klembord.
-
5
Sla meerdere stalen op
Verzamel een palet van 6 tot 10 kleuren uit de hele afbeelding als ontwerpreferentie.
Nauwkeurige stalen verkrijgen
Een kleurkeuze op één enkele pixel is bijna nooit wat je van een echte foto wilt: JPEG-compressie, ruis en lichtvariaties veroorzaken verschillen tussen pixels, zelfs in visueel gelijkmatige gebieden.
Bemonsteringsmodi
| Modus | Wat het doet | Wanneer te gebruiken |
|---|---|---|
| Punt | Eén pixel onder de cursor | Een screenshot uit een ontwerptool bemonsteren |
| Gemiddelde 3 × 3 | Gemiddelde van 9 pixels rond de klik | JPG-foto’s met lichte compressie |
| Gemiddelde 10 × 10 | Gemiddelde van 100 pixels | Zwaar gecomprimeerde of ruisige foto’s |
| Gebiedsgemiddelde | Teken een rechthoek, gemiddelde van elke pixel erbinnen | Logo’s en ontwerpelementen met vlakke kleuren |
Aandachtspunten voor de kleurruimte
- Screenshots van een scherm tonen sRGB-waarden; de gekozen kleur komt overeen met de oorspronkelijke bron.
- Foto’s van een camera kunnen in Adobe RGB of DCI-P3 staan; de kiezer toont sRGB, waardoor een felrood uit een telefoonfoto met breed kleurbereik iets minder verzadigd oogt.
- PNG met ICC-profiel: de kiezer converteert vóór het bemonsteren naar sRGB, zodat de uitvoer consistent is.
Veelvoorkomende toepassingen
- De logokleur van een klant matchen aan de hand van een screenshot in plaats van te gokken.
- Een palet opbouwen op basis van een referentiefoto (landschap, moodboard of filmstill).
- HEX-waarden controleren op een gerenderde webpagina die haar ontwerptokens is kwijtgeraakt.
- Controleren of een merkkleur correct is toegepast door een belanghebbende.
Privacy
De afbeelding wordt in het canvas van uw browser geladen en wordt nooit geüpload; de kiezer gebruikt uitsluitend canvasuitlezingen aan de clientzijde, zodat vertrouwelijke ontwerpen vertrouwelijk blijven.
Veelgestelde vragen
JPEG-compressie verschuift kleuren enigszins, vooral in verlopen en bij randen. Als de bron een JPG is, probeer de gemiddelde modus van 10 × 10; hebt u het originele PNG- of SVG-bestand, bemonster daaruit voor een exacte overeenkomst.
Niet rechtstreeks: maak een screenshot van het gewenste frame en laad dat in. Voor nauwkeurig video-naar-palet-werk extraheert u frames met een videotool en bemonstert u elk frame.
Hij bemonstert het frame dat wordt weergegeven op het moment dat u klikt. Pauzeer of spoel naar het gewenste frame voordat u bemonstert.
Maximaal 20 per sessie. Paletten worden lokaal opgeslagen; het vernieuwen van de pagina bewaart ze, maar het wissen van de browsergegevens verwijdert ze.
Gerelateerde tools
PNG naar SVG vectoriseren
Trek PNG-rasterafbeeldingen in de browser over als SVG-paden. Ideaal voor logo’s, iconen en lijntekeningen. Regel drempelwaarde, aantal kleuren en afvlakking.
WebP naar PNG
Converteer WebP-afbeeldingen naar PNG met behoud van transparantie en pixelnauwkeurige kwaliteit voor bewerken, afdrukken en oudere ontwerptools.
GIF-maker
Zet een reeks afbeeldingen of een korte video om in een geanimeerde GIF. Stel beeldsnelheid, herhalingen en afmetingen in voor het exporteren.
Foto-editor
Browsergebaseerde foto-editor met bijsnijden, draaien, helderheid, contrast, verzadiging, filters, tekstoverlay en export naar JPG, PNG of WebP.
QR-codegenerator
Maak in uw browser een QR-code van tekst of een URL en download deze als PNG.
Barcodegenerator
Maak in de browser een 1D-barcode in Code 128, EAN, UPC, ITF-14 en andere ondersteunde formaten en download deze als SVG of PNG.