Kleurkiezer en paletextractor voor afbeeldingen

Laad een afbeelding, klik ergens op de afbeelding om de exacte kleur onder je cursor te pakken en kopieer de HEX-, RGB- of HSL-waarde. De tool haalt ook automatisch een palet van de belangrijkste kleuren uit de afbeelding. Je afbeelding wordt in je browser rechtstreeks van het canvas gelezen en wordt nergens naartoe gestuurd.

Sleep een afbeelding hierheen, of klik om een bestand te kiezen

JPG, PNG, WebP en GIF worden ondersteund. Bestanden blijven op je apparaat.

Klik op de afbeelding om een kleur te kiezen. Beweeg de cursor voor een voorbeeld voordat je klikt.

Gekozen kleur

Palet

Kleuren worden door je browser met de Canvas API rechtstreeks uit de pixels van de afbeelding gelezen. De afbeelding zelf wordt nooit naar een server geüpload.

Exacte kleuren uit elke afbeelding halen

Ontwerpers en ontwikkelaars hebben steeds de precieze kleur van een pixel nodig: het blauw in een logo, de achtergrond van een screenshot, het accent in een foto. Deze kleurkiezer voor afbeeldingen maakt van je afbeelding een klikbaar canvas, toont de waarde onder je cursor in drie veelgebruikte formaten en laat je elk daarvan met één klik kopiëren. Naast de kleurkiezer scant de tool de hele afbeelding en maakt een palet van de meest voorkomende kleuren, zodat je een kant-en-klaar kleurenschema uit een referentiebeeld kunt halen.

Gebruik hem om merkkleuren na te maken, een thema uit een screenshot te herbouwen, tinten uit een foto te nemen voor een ontwerp of een kleurenschema uit een kunstwerk te halen.

Zo kies je een kleur

  1. Open een afbeelding. Sleep een afbeelding erin of selecteer hem, dan verschijnt hij op het canvas.
  2. Klik op een pixel. Klik ergens op de afbeelding om de kleur op dat punt vast te leggen.
  3. Kopieer de code. Kopieer de HEX-, RGB- of HSL-waarde, of klik op een kleurvlak in het palet om de HEX-code te kopiëren.

Drie kleurformaten

Elke gekozen kleur wordt getoond als HEX voor CSS en ontwerptools, als RGB voor code en als HSL om tint, verzadiging en lichtheid aan te passen. Kopieer wat je project nodig heeft.

Automatisch palet

De tool neemt steekproeven uit de afbeelding en groepeert vergelijkbare tinten om de dominante kleuren te vinden. Zo heb je direct een palet dat je kunt lenen voor een samenhangend ontwerp.

Leest pixels lokaal

De afbeelding wordt in je browser op een canvas getekend en de kleuren worden daar uitgelezen. Er wordt niets geüpload, dus privé-mockups en screenshots blijven op je computer.

Handige redenen om hem te gebruiken

  • Kopiëren met één klik: pak direct HEX, RGB of HSL.
  • Palet in seconden: de belangrijkste kleuren van elke afbeelding, klaar voor hergebruik.
  • Geen upload: pixels worden in je browser gelezen en blijven privé.
  • Gratis: geen account en nergens een watermerk.
  • Op elk apparaat: werkt met een klik op desktop of een tik op mobiel.

Veelvoorkomend gebruik van de kleurkiezer

De meest voorkomende reden om deze tool te openen is de hexcode te krijgen van een kleur die je in een foto of screenshot ziet. Sleep een logo erin en klik op het merkteken om de exacte merkkleur af te lezen, of klik op de achtergrond van een screenshot om een websitekleur af te stemmen op een afbeelding waarmee je werkt. Elke gekozen kleur geeft je de waarde in drie formaten tegelijk: een HEX-code zoals #1A73E8 om in CSS of een ontwerpapp te plakken, een RGB-waarde zoals rgb(26, 115, 232) voor code en een HSL-waarde om tint, verzadiging en lichtheid aan te passen. Naast elke waarde staat een kopieerknop, dus de RGB-waarde van één pixel vinden is gewoon klikken en kopiëren.

Het is ook een snelle manier om een palet uit een afbeelding te maken. Zodra de afbeelding is geladen, leest de tool de pixels en toont tot acht van de meest voorkomende kleuren als kleurvlakken, elk met de HEX-code eronder. Klik op een kleurvlak om die kleur in de hoofdweergave te laden, of klik op de code om hem direct naar je klembord te kopiëren. Zo haal je makkelijk een kleurenschema uit een kunstwerk, een foto of een moodboard, of een set bij elkaar passende tinten uit een referentiebeeld, zonder te gokken.

Veelgestelde vragen

Open je afbeelding en klik op de plek die je wilt. De kleur op die pixel verschijnt als HEX, RGB en HSL, elk met een kopieerknop.

Ja. Zodra de afbeelding is geladen, analyseert de tool hem en toont een palet van de meest voorkomende kleuren. Klik op een kleurvlak om de HEX-waarde te kopiëren.

Nee. De afbeelding wordt in je browser op een canvas getekend en de kleurwaarden worden daar uitgelezen. Het bestand wordt nooit naar een server gestuurd.

Het zijn drie manieren om dezelfde kleur te schrijven. HEX is gebruikelijk in CSS, RGB geeft de waarden voor rood, groen en blauw en HSL beschrijft tint, verzadiging en lichtheid, handig om tinten bij te stellen.

Ja. Tik op de afbeelding om een kleur te bepalen. De tool werkt in mobiele browsers, zonder app.

De tool leest de exacte pixelwaarde uit de afbeeldingsgegevens. De kleur komt dus rechtstreeks uit de bron en wordt niet geschat.

Ja. Je kunt elke zichtbare pixel kiezen. Volledig transparante gebieden geven geen kleur, omdat daar niets te lezen valt.

Ja, het is helemaal gratis, vraagt geen account en voegt niets toe aan je afbeelding.

Laad de afbeelding en klik op de plek die je wilt. Het HEX-veld toont de code van die pixel, bijvoorbeeld #1A73E8, en met de knop Kopiëren ernaast zet je de code op je klembord, klaar om in CSS of een ontwerptool te plakken.

Klik op de pixel in de afbeelding en lees het RGB-veld af, dat de kleur toont als rgb(rood, groen, blauw), bijvoorbeeld rgb(26, 115, 232). Gebruik de knop Kopiëren om de waarde te pakken. Dezelfde kleur wordt ook als HEX en HSL getoond.

Open het logo en klik direct op het gekleurde deel van het merkteken. De gekozen kleur verschijnt als HEX, RGB en HSL met kopieerknoppen, zodat je de exacte merkkleur kunt overnemen. Het automatische palet ernaast toont ook de belangrijkste kleuren van het logo als kleurvlakken die je kunt kopiëren.

Ja. De afbeelding wordt in je browser op een canvas getekend en de kleuren worden daar rechtstreeks uit de pixels gelezen. Er wordt niets naar een server gestuurd, dus het bestand verlaat je apparaat nooit.

Gerelateerde tools