De kleurcode uit een afbeelding halen

Importeer een afbeelding of plak een screenshot en klik op een pixel: je krijgt de HEX-, RGB-, HSL- en CMYK-code, klaar om te kopiëren. De afbeelding blijft op je apparaat.

  • Gratis
  • HEX, RGB, HSL, CMYK
  • Loep tot op de pixel
  • Palet van 6 kleuren

Sleep je bestanden hierheen

JPG, PNG, WebP… of plak een screenshot (Ctrl+V) — de afbeelding blijft op je apparaat

Selecteren
  • HEX#2563EB
  • RGBrgb(37, 99, 235)
  • HSLhsl(221, 83%, 53%)
  • CMYK %84, 58, 0, 8

100% privé — Alles wordt rechtstreeks in je browser verwerkt: je bestanden, je stem en je beeld worden nooit naar de servers van Chatzam verzonden.

Hoe vind je de kleurcode van een afbeelding?

  1. Importeer de afbeelding

    Sleep een foto, logo of ontwerp naar het vak, of plak direct een screenshot.

  2. Klik op de kleur

    De loep vergroot het gebied onder de cursor, zodat je precies de pixel raakt die je wilt.

  3. Kopieer de code

    Kopieer met één klik het formaat dat je nodig hebt: HEX voor het web, RGB, HSL of CMYK.

Alle kleuren van een afbeelding, als code

Loep tot op de pixel

Zelfs bij een fijn detail, een lijntje van een logo of een rand zie je precies welke pixel je gaat pakken.

Belangrijkste kleuren

De 6 hoofdkleuren van de afbeelding worden automatisch opgehaald, om de huisstijl van een logo of de sfeer van een foto over te nemen.

Pipet voor het hele scherm

In Chrome en Edge pak je een kleur waar dan ook op je scherm, zelfs buiten de pagina, met de pipet van de browser.

Kleurkiezer en geschiedenis

Kies vrij een kleur, bekijk de omrekeningen en vind eerder gekozen kleuren terug in de geschiedenis, die in deze browser wordt bewaard.

HEX, RGB, HSL: kleurcodes begrijpen

Op een scherm is elke kleur een mengsel van rood, groen en blauw, elk van 0 tot 255, dus 256 × 256 × 256 = 16.777.216 mogelijke kleuren. De RGB-code schrijft ze decimaal: rgb(255, 87, 51) is feloranje. De HEX-code schrijft dezelfde drie waarden hexadecimaal, met elk twee tekens: #FF5733, want FF = 255, 57 = 87 en 33 = 51. HSL beschrijft dezelfde kleur op een andere manier: een tint op de kleurencirkel van 0 tot 360°, een verzadiging en een helderheid in procenten, hier hsl(11, 100%, 60%). HSL is handig om een lichtere of donkerdere variant te maken door alleen de helderheid te veranderen.

CMYK voor drukwerk

Een printer mengt geen licht maar inkt: cyaan, magenta, geel en zwart (key), uitgedrukt in procenten. Wiskundig omgerekend geeft het oranje #FF5733 ongeveer C 0 %, M 66 %, Y 80 %, K 0 %, en puur rood #FF0000 geeft C 0 %, M 100 %, Y 100 %, K 0 %. Deze omrekening is theoretisch: het echte resultaat hangt af van het papier, de printer en het kleurprofiel van de drukker. Sommige kleuren die op het scherm heel fel zijn, vooral verzadigd blauw en groen, zijn niet met inkt te maken en komen er doffer uit. Vraag voor een belangrijk document om een proefdruk of om de officiële CMYK-waarden uit de huisstijl.

Waarom de kleur per pixel verschilt

Op een foto bestaat een vlak dat egaal lijkt in werkelijkheid uit pixels die iets van elkaar verschillen: licht, schaduw, ruis van de sensor. JPEG-compressie voegt kleine afwijkingen toe, en de randen van tekst of logo's mengen de kleur met de achtergrond om de contour zachter te maken. Om de juiste code te krijgen, gebruik je de loep en klik je midden in een goed gevuld vlak, ver van de randen. Wil je de kleur van een logo overnemen, begin dan liefst met een PNG-bestand in plaats van een JPEG. En voor een overzicht van een foto zegt het palet met de 6 belangrijkste kleuren vaak meer dan één losse pixel.

Veelgestelde vragen

Hoe vind ik de kleurcode van een afbeelding?

Importeer de afbeelding of plak een screenshot en klik op de kleur die je wilt. De code verschijnt in HEX, RGB, HSL en CMYK en kopieer je met één klik.

Hoe zet ik een HEX-code om naar RGB?

Verdeel de code in drie paren en zet elk paar om van hexadecimaal naar decimaal. #1E90FF geeft 1E = 30, 90 = 144 en FF = 255, dus rgb(30, 144, 255). De tool toont de omrekening automatisch, ook in HSL en CMYK.

Wat is het verschil tussen RGB en CMYK?

RGB beschrijft de kleuren van een scherm, dat rood, groen en blauw licht mengt. CMYK beschrijft gedrukte kleuren, gemaakt met cyaan, magenta, gele en zwarte inkt: gebruik HEX of RGB voor het web en CMYK voor drukwerk.

Hoe haal ik de kleur uit een website of app?

Gebruik in Chrome of Edge de pipet voor het hele scherm om direct op de kleur te klikken, zelfs buiten de pagina. In andere browsers maak je een screenshot en plak je die in de tool.

Wordt mijn afbeelding naar een server gestuurd?

Nee. De afbeelding wordt in je browser geanalyseerd en verlaat je apparaat niet. De kleurgeschiedenis wordt alleen in deze browser bewaard.

Andere gratis tools

Bekijk alle gratis tools →