Kleur kiezen uit afbeelding — HEX, RGB, HSL, CMYK
Kies kleuren uit elke afbeelding met een pixelloep. Direct HEX-, RGB-, HSL- en CMYK-codes. Gratis, privé, werkt in je browser.
🔒 Draait volledig in je browser — niets wordt geüploadVind de exacte kleur van elke pixel
Ontwerpers, ontwikkelaars en knutselaars hebben vaak de precieze kleurcode nodig van iets wat ze in een afbeelding zien: een merkkleur in een logo, de achtergrond van een screenshot, een tint uit een productfoto of de toon van een schilderij. Met deze kleurkiezer voor afbeeldingen open je elke afbeelding en klik je op een pixel om de kleur te lezen. Een ronde loep vergroot het gebied onder je cursor, zodat je de exacte pixel raakt, zelfs bij dunne lijnen, kleine tekst of afgevlakte randen. Elke gekozen kleur wordt als HEX-code naar je klembord gekopieerd en aan een geschiedenis toegevoegd voor later. De afbeelding verlaat je apparaat nooit, omdat alles op een lokaal canvas wordt gelezen.
HEX, RGB, HSL en CMYK uitgelegd
De kiezer toont elke kleur in vier notaties. HEX, zoals #1E90FF, is de compacte vorm die in CSS, HTML en de meeste ontwerptools wordt gebruikt. RGB geeft de rode, groene en blauwe kanalen van 0 tot 255 en is handig voor code en beeldbewerking. HSL beschrijft tint, verzadiging en helderheid, waardoor je gemakkelijk lichtere of donkerdere varianten van dezelfde kleur maakt. CMYK geeft een bij benadering cyaan-, magenta-, geel- en zwartmengsel voor drukwerk; controleer de waarde voor een exacte drukmatch met het kleurprofiel van je printer. Klik op een waarde om die in dat formaat te kopiëren.
Tips voor nauwkeurige keuzes
Foto's en JPEG-afbeeldingen bevatten ruis, dus naburige pixels kunnen een paar waarden verschillen. Schakel Average 5×5 pixels in om een klein gebied te middelen en de kleur te krijgen die je oog daadwerkelijk ziet. Gebruik PNG-screenshots om interfacekleuren te matchen, omdat die verliesvrij zijn. In Chrome en Edge kan de knop Pick from screen kleuren van overal op je scherm opnemen, ook uit andere vensters. Om de hoofdkleuren van een hele afbeelding in één keer te halen, gebruik je de paletextractor, en controleer de leesbaarheid van tekst met een contrastchecker voordat je je keuzes in een ontwerp gebruikt.
Hoe te gebruiken
- Voeg een afbeelding toeSleep, plak of selecteer een foto, screenshot of logo.
- Beweeg en klikBeweeg over de afbeelding met de loep en klik op de exacte pixel die je wilt.
- Kopieer de codeDe HEX-code wordt automatisch gekopieerd; klik op RGB, HSL of CMYK om die ook te kopiëren.