Kleur uit afbeelding halen

Zo haal je een kleur uit een afbeelding

1. Sleep een afbeelding naar het uploadvlak, of klik erop om een bestand te kiezen (JPG, PNG, WebP, GIF of elk ander formaat dat je browser kan tonen).
2. Beweeg de aanwijzer over de afbeelding. De zoomloep toont de pixels rond de cursor vergroot, en Onder de cursor geeft live de HEX-code.
3. Klik op de pixel die je wilt. Het kleurstaal Gekozen kleur toont de kleur met haar pixelpositie, en de codes in HEX, RGB, HSL, HSV en CMYK verschijnen ernaast, elk met een knop Kopiëren.
4. Blijf klikken om meer kleuren te verzamelen: ze worden toegevoegd aan Gekozen kleuren, waar je ze elk kunt kopiëren. Lijst wissen maakt de lijst leeg.

Op een telefoon of tablet tik je gewoon op de afbeelding. Met een toetsenbord geef je de afbeelding de focus met Tab, beweeg je met de pijltjestoetsen (houd Shift ingedrukt om 10 pixels tegelijk te verspringen) en druk je op Enter om te kiezen.

De afbeelding verlaat je apparaat nooit: alleen je browser decodeert en leest haar.

Eén pixel of een gemiddelde?

Het menu Meetgebied bepaalt hoeveel pixels bij elke keuze worden gelezen:

• 1 pixel geeft de exacte kleur van de pixel onder de cursor. Gebruik dat voor egale afbeeldingen, logo’s, screenshots en iconen.
• Gemiddelde van 3 × 3 en Gemiddelde van 5 × 5 geven de gemiddelde kleur van de 9 of 25 omliggende pixels. Gebruik die voor foto’s: door JPEG-compressie en ruis van de camera verschillen naburige pixels een beetje, en een gemiddelde geeft een kleur die beter overeenkomt met wat je ziet.

Het omlijnde vierkantje in de loep toont precies welke pixels meetellen. Bij de randen van de afbeelding worden alleen bestaande pixels meegeteld.

Ook transparante pixels in PNG- of WebP-bestanden worden goed verwerkt: de kleur wordt gewogen naar dekking, zodat volledig transparante delen het resultaat niet naar zwart trekken, en een gedeeltelijk transparant resultaat krijgt een HEX-code van acht tekens met alfa, zoals #FF000080.

Nauwkeurigheid en grenzen

• Kleuren worden gelezen in de sRGB-ruimte van het canvas van je browser. Afbeeldingen die met een ander kleurprofiel zijn opgeslagen (Adobe RGB, Display P3), worden eerst door de browser omgezet. De codes komen dus overeen met wat je op het scherm ziet, maar kunnen iets afwijken van de ruwe waarden die een fotobewerkingsprogramma toont.
• Heel grote afbeeldingen worden verkleind tot 4.096 pixels aan de langste zijde om het geheugengebruik redelijk te houden. De tool meldt het als dat gebeurt; bij zulke afbeeldingen is elke gekozen pixel al een klein gemiddelde van het origineel.
• CMYK-waarden zijn een eenvoudige omrekening zonder ICC-profiel en alleen bruikbaar als ruwe indicatie.