Kleur uit een afbeelding halen
Krijg de HEX-, RGB-, HSL- of CMYK-code van elke pixel in een afbeelding, plus het palet van hoofdkleuren.
of sleep ze hierheen, of plak met Ctrl+V / ⌘V
Ondersteund: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF
Je afbeeldingen worden in je browser verwerkt en niet geüpload. Details over privacy
Zo gebruik je: Kleurkiezer uit afbeelding
- 1 Kies, sleep of plak een afbeelding of screenshot.
- 2 Beweeg over de afbeelding: het vergrootglas toont de exacte pixels; klik om een kleur te kiezen.
- 3 Kopieer de code die je nodig hebt: HEX, RGB, HSL, HSV of CMYK.
- 4 Gebruik de lijst met hoofdkleuren om het hele palet te kopiëren, ook als CSS-variabelen.
Over deze tool
Ontwerpers, ontwikkelaars en iedereen die een huisstijlkleur wil evenaren, hebben vaak de exacte code nodig van een kleur in een logo, foto of screenshot. Klik op de plek en je krijgt de kleur in alle gangbare notaties: HEX voor het web, RGB, HSL en HSV voor ontwerpprogramma's en CMYK als startpunt voor drukwerk.
Het vergrootglas toont de pixels rond de cursor vergroot, zodat je dunne lijnen en kleine details precies raakt. Foto's bevatten ruis, dus je kunt een gebied van 3 × 3, 5 × 5 of 11 × 11 middelen in plaats van één pixel. Elke gekozen kleur komt in een geschiedenis die je als lijst kunt kopiëren. De tool vindt ook de hoofdkleuren van de afbeelding (4 tot 12) met hun aandeel, klaar om als HEX-codes of CSS-variabelen te kopiëren.
Het werkt ook met het toetsenbord (pijltjes en Enter) en leest alle ondersteunde formaten, ook HEIC, SVG en TIFF. De afbeelding wordt alleen in je browser geopend en niet geüpload.
Veelgestelde vragen
Waarom wijkt de kleur iets af van het ontwerpbestand?
JPEG-compressie en kleurprofielen veranderen pixels een beetje. Kies uit een PNG of het originele bestand, of gebruik een gemiddeld gebied voor een representatievere waarde.
Is de CMYK-waarde exact voor drukwerk?
Het is een rechtstreekse omrekening zonder printerprofiel, goed als startpunt. Voor exacte drukkleuren vraag je het aan je drukker of gebruik je hun profiel.
Hoe worden de hoofdkleuren gevonden?
De afbeelding wordt ingedeeld in de meest voorkomende kleurgroepen (k-means). Bij elke kleur zie je welk deel van de afbeelding ze beslaat.
Kan ik kleuren uit een screenshot halen?
Ja. Maak een screenshot en plak hem met Ctrl+V (Cmd+V op Mac), of kies het opgeslagen bestand.
Wordt mijn afbeelding geüpload?
Nee. De kleuren worden door je browser gelezen; de afbeelding blijft op je apparaat.
Gerelateerde tools
-
Afbeelding naar Base64
Maak van een afbeelding een Base64-data-URI voor HTML of CSS, of van Base64-tekst weer een afbeelding.
-
Achtergrond verwijderen (effen kleur)
Maak een witte of effen gekleurde achtergrond transparant, voor logo's, productfoto's, iconen en scans.
-
Foto-editor
Corrigeer licht en kleur, zet recht, snijd bij en draai foto's met een live voorbeeld.
-
EXIF-viewer
Zie wat een foto verraadt: camera, instellingen, opnamedatum en gps-locatie.