Kleurcode uit een afbeelding achterhalen
Zoek de kleur van een logo, foto of screenshot op en gebruik de code in je eigen ontwerp.
of sleep hier één afbeelding naartoe
JPG, PNG of WebP · Maximaal 50 MB
De kleuren worden in je eigen browser geanalyseerd.
Klik, tik of sleep over de afbeelding. De loep toont naburige pixels. Pijltjestoetsen verplaatsen één pixel, met Shift tien.
Geselecteerde kleur
Pixel
8 kenmerkende kleuren uit de afbeelding
Bewaar hier geselecteerde kleuren of kleuren uit het palet.
Als de gekozen kleur niet lijkt te kloppen
Open een JPG, PNG of WebP van maximaal 50 MB. Een JPG kan kleine kleurverschillen bevatten op een vlak dat op het eerste gezicht egaal lijkt.
In een foto veranderen licht en schaduw de kleur van hetzelfde oppervlak. Neem voor een logo liefst het originele PNG met egale vlakken, en vergelijk enkele pixels uit het midden. De loep helpt je een schaduwrand, antialiasing of een reflectie te vermijden. Met de pijltjestoetsen kun je de selectie precies verplaatsen.
Afbeeldingspalet geeft een start met kenmerkende kleuren; voor een precieze merkkleur wijs je zelf de juiste pixel aan. Een digitale code is bruikbaar in een ontwerp, terwijl een fysieke kleur afhankelijk blijft van materiaal en verlichting. Wil je het gekozen palet verwerken in een eenvoudige tekening, probeer dan Foto naar pixel art.
HEX, RGB of HSL gebruiken in je ontwerp
De drie notaties beschrijven dezelfde geselecteerde kleur. HEX is handig voor een kleurvak in een website-editor. RGB beschrijft rood, groen en blauw; HSL laat zien welke tint, verzadiging en lichtheid de kleur heeft. Kopieer de notatie die jouw programma vraagt in plaats van de waarden zelf over te typen.
Klik op een kleur en kies Deze kleur opslaan om die aan je verzameling toe te voegen. CSS downloaden maakt een bestand voor gebruik op een website, TXT downloaden een leesbaar overzicht van de codes. Download je verzameling voordat je de pagina vernieuwt, zodat je later verder kunt met de gekozen kleuren.
Je kunt tot acht representatieve kleuren uit de afbeelding bekijken. Bij transparante afbeeldingen zie je ook de alfawaarde.
Zo werkt het
- Klik op Afbeelding kiezen en open de afbeelding die je als voorbeeld gebruikt.
- Zoek met de loep de juiste pixel en klik op Deze kleur opslaan voor iedere gewenste kleur.
- Kopieer HEX, RGB of HSL met het kopieersymbool, of kies CSS downloaden of TXT downloaden.
Veelgestelde vragen
Hoe haal ik een kleurcode uit een foto of logo?
Kies één JPG, PNG of WebP van maximaal 50 MB en klik of tik op de gewenste plek. Kies bij een logo een pixel binnen het gewenste kleurvlak. HEX, RGB en HSL verschijnen bij Geselecteerde kleur. Met het kopieersymbool neem je de gewenste code over.
Kan ik met de toetsen precies een pixel kiezen?
Geef het afbeeldingsgebied focus en gebruik de pijltjestoetsen voor stappen van één pixel. Met Shift ga je tien pixels per stap.
Kan ik hiermee de juiste muurverf vinden?
Een pixelcode beschrijft de digitale foto. Licht, camera en scherm beïnvloeden die kleur; gebruik fysieke kleurstalen voor het kiezen van verf.
Hoe neem ik meerdere kleuren mee naar mijn website?
Bewaar de stalen in je selectie en download ze als CSS. TXT is handig als eenvoudig overzicht van de codes.
Wat betekent een alfawaarde bij een kleur?
Die waarde beschrijft hoe doorzichtig de gekozen pixel is. Bij halftransparante randen hangt de zichtbare kleur ook af van de achtergrond. Neem een volledig dekkende pixel als je een vaste kleur voor een logo zoekt.
Verlaat mijn afbeelding de browser?
De kleurmeting en het palet worden op je eigen apparaat gemaakt. Je hoeft je afbeelding niet te uploaden. Bewaar geselecteerde kleuren als CSS of TXT als je ze buiten deze sessie wilt gebruiken.
Worden mijn bestanden bij ImageNow naar een server geüpload?
De gratis tools verwerken je bestanden volledig in je browser, zonder ze te uploaden. AI-functies die verwerking op een server nodig hebben, uploaden je bestanden naar onze servers.
