Kleur uit afbeelding kiezen

Kies exacte pixelkleuren uit een lokale afbeelding en bekijk ze in gangbare kleurindelingen. Maak, vergelijk, kopieer en exporteer een palet in je browser.

Een afbeelding kiezen

Gebruik een lokaal afbeeldingsbestand, sleep hier een afbeelding naartoe of plak er een vanaf het klembord.

Sleep hier een afbeelding naartoe PNG, JPEG, WebP, GIF, BMP of AVIF tot 25 MB en 24 megapixels.

Een kleur kiezen

Klik of tik op de afbeelding om een pixel te kiezen. Gebruik daarna de pijltjestoetsen om één bronpixel te verplaatsen, of Shift plus een pijltjestoets om tien pixels te verplaatsen.

Kies, sleep of plak een afbeelding om te beginnen.

Dominante kleuren in de afbeelding

Haal een compact palet uit een begrensd voorbeeld van zichtbare afbeeldingspixels.

Er is nog geen afbeeldingspalet opgehaald.

Opgeslagen palet

Opgeslagen kleuren blijven beschikbaar terwijl je deze afbeelding bekijkt of een andere laadt.

Sla een geselecteerde, opgehaalde of verwante kleur op om je palet op te bouwen.

Wat deze tool doet

De afbeeldingskleurkiezer leest de RGBA-waarde van één bronpixel uit een lokaal gekozen, gesleepte of vanaf het klembord geplakte rasterafbeelding.

De geselecteerde kleur wordt getoond als HEX, RGB, HSL, HSV, HWB en CMYK. Je kunt opgeslagen, dominante, verwante en harmonische paletten maken.

Hoe je de tool gebruikt

  1. Kies, sleep of plak een PNG-, JPEG-, WebP-, GIF-, BMP- of AVIF-afbeelding van maximaal 25 MB en 24 megapixels.
  2. Klik of tik op een punt in de afbeelding en gebruik het vergrootglas of de pijltjestoetsen om een precieze bronpixel te kiezen.
  3. Bekijk en kopieer de kleurindelingen en alphawaarde, of sla de kleur op in je palet.
  4. Haal dominante kleuren op, genereer verwante kleuren, vergelijk twee kleuren of kopieer en exporteer het opgeslagen palet.

Praktische toepassingen

  • Merkkleuren uit een logo lezen wanneer de oorspronkelijke kleurcodes ontbreken.
  • Interfacekleuren uit een schermafbeelding bemonsteren en twee vergelijkbare waarden vergelijken.
  • Kleuren verzamelen uit foto’s, illustraties, productafbeeldingen of details van verlopen.
  • Een herbruikbare lijst met kleurwaarden maken voor ontwerpnotities, CSS-variabelen of documentatie.

Opmerkingen en beperkingen

  • Het decoderen van afbeeldingen, de pixelanalyse en het maken van paletten gebeuren in de browser. De afbeelding zelf wordt niet opgeslagen; alleen kleurwaarden uit het opgeslagen palet worden in de browser bewaard.
  • Invoerbestanden zijn beperkt tot 25 MB en gedecodeerde afbeeldingen tot 24 megapixels. Ondersteuning hangt ook af van wat de browser kan decoderen.
  • De dichtstbijzijnde kleurnaam, het dominante palet en de CMYK-conversie zijn benaderingen. De CMYK-waarden gebruiken geen printer- of ICC-profiel; gebruik de RGBA-waarde voor exacte pixels.
  • Contrast en Delta E behandelen RGB-componenten als dekkend; alpha wordt apart gemeld. Het zichtbare resultaat van een doorschijnende kleur hangt af van de achtergrond.

Veelgestelde vragen

Wordt mijn afbeelding geüpload of opgeslagen?

Nee. De afbeelding wordt in de browser verwerkt en alleen de RGBA-waarden van het opgeslagen palet worden via browseropslag bewaard.

Hoe selecteer ik een heel klein detail?

Kies een punt in de buurt en selecteer daarna een cel in het pixelvergrootglas of verplaats de selectie met de pijltjestoetsen. Houd Shift ingedrukt om tien bronpixels tegelijk te verplaatsen.

Blijft transparantie behouden?

Ja. De geselecteerde pixel bevat een alphawaarde en dubbele kleuren worden op basis van de volledige RGBA-waarde herkend.

Zijn dominante kleuren een exacte telling van alle pixels?

Nee. Het dominante palet vat een begrensd voorbeeld van zichtbare pixels samen en is dus een overzicht, geen lijst van elke afzonderlijke pixelwaarde.

Kan ik kleuren behouden wanneer ik een andere afbeelding laad?

Ja. Laat de optie voor het behouden van het palet ingeschakeld, of schakel haar uit om bij de volgende afbeelding met een leeg palet te beginnen.