6XC

Afbeelding Kleurenkiezer

Upload een foto en klik ergens op om de exacte kleur te bepalen — hex-, RGB- en HSL-waarden, met een lopend palet van alles wat u hebt gekozen.

1.192 weergaven

Klik op de afbeelding om een kleur te kiezen

Hoe Kleurenkiezen Werkt

Wanneer een foto wordt geüpload, wordt deze in de browser getekend op een HTML5-<canvas>-element. Klikken ergens op de afbeelding roept de canvas-API-functie getImageData() aan op precies die pixelcoördinaat, die de ruwe rode, groene, blauwe en alfakanaalwaarden teruggeeft die voor die pixel zijn opgeslagen — geen benadering of een kleur bemonsterd van een schermafbeelding, maar dezelfde numerieke data die de browser zelf gebruikt om de afbeelding te tekenen. Die ruwe waarden worden vervolgens gelijktijdig omgezet en weergegeven als hex (bijvoorbeeld #3a7bd5), RGB (bijvoorbeeld rgb(58, 123, 213)) en HSL (tint, verzadiging, helderheid), zodat elk formaat dat een ontwerptool nodig heeft klaarstaat om te kopiëren.

Elke afbeelding die op deze manier wordt verwerkt, wordt gedecodeerd en gelezen in sRGB, de standaard kleurruimte die door de overgrote meerderheid van digitale foto's, schermen en camera's wordt gebruikt. Dit is de aangenomen standaard tenzij een afbeelding expliciet een ander kleurprofiel insluit, wat vrijwel alle consumentenfotografie en webafbeeldingen dekt.

Wat U Moet Weten

  • Er wordt nergens iets geüpload — het hele proces, van het tekenen van de afbeelding tot het uitlezen van pixeldata, gebeurt lokaal in het browsergeheugen. Geen enkele server ontvangt ooit de foto.
  • De uitlezing is exact, niet geschat — omdat getImageData() de letterlijk opgeslagen pixelwaarde teruggeeft, wordt de nauwkeurigheid alleen beperkt door de kwaliteit van de afbeelding zelf en precies waar de klik terechtkomt, niet door schermhelderheid, contrast of kalibratie.
  • Compressie kan de werkelijke kleur licht verschuiven — JPEG-compressie middelt kleur over kleine blokken pixels, dus een zwaar gecomprimeerde foto kan een licht andere waarde teruggeven dan de oorspronkelijke scènekleur; PNG en andere lossless formaten behouden de exact vastgelegde waarde.
  • Elke gekozen kleur bouwt een lopend palet op onder de afbeelding, waardoor het mogelijk is meerdere punten uit één foto te bemonsteren — een lucht, een shirt, een muur — en in één sessie een kleine samenhangende kleurenset te exporteren.

Veelgestelde vragen

Hoe nauwkeurig is de gekozen kleur?

Het leest de exacte pixelwaarde uit het canvas op het geklikte punt — zo nauwkeurig als de afbeelding zelf en uw klikprecisie, en wordt niet beïnvloed door schermkalibratie omdat het ruwe pixeldata leest, niet wat uw ogen waarnemen.

Wordt mijn foto ergens geüpload?

Nee — de afbeelding wordt getekend op een lokaal canvas-element en volledig client-side bemonsterd. Er verlaat niets uw browser.

Wat is sRGB en waarom is het belangrijk?

sRGB is de standaard kleurruimte die de meeste digitale camera's, telefoons, monitoren en webafbeeldingen standaard gebruiken. Omdat vrijwel elke hier geüploade foto al in sRGB is gecodeerd, komen de hex-, RGB- en HSL-waarden die deze tool leest overeen met wat de meeste ontwerpsoftware zonder enige conversie zou tonen. Foto's die zijn gemaakt in een bredere kleurruimte, zoals Adobe RGB, en niet zijn geconverteerd, kunnen een afwijking vertonen wanneer ze worden vergeleken met sRGB-gebaseerde tools.

Waarom kan dezelfde kleur er in twee foto's licht anders uitzien?

Lichtomstandigheden, witbalans en camera-verwerking beïnvloeden allemaal de exacte RGB-waarden die een camera vastlegt voor wat voor het oog dezelfde kleur lijkt — een witte muur gefotografeerd bij zonsondergang krijgt een warme kleurzweem die een kleurenkiezer eerlijk leest als een licht oranje getint wit, niet zuiver wit. JPEG-compressie kan ook zeer kleine pixelniveau-verschuivingen veroorzaken rond scherpe kleurranden.

Kunnen kleuren worden gekozen uit een foto gemaakt met een telefoon?

Ja — elk afbeeldingsbestand dat de browser kan weergeven, inclusief JPEG, PNG, WebP en de meeste andere gangbare formaten, werkt met deze tool, ongeacht het apparaat of de camera waarmee de foto is gemaakt.

Reacties

Nog geen reacties — schrijf de eerste!

Vergelijkbare tools

Scherptediepte-calculator Bereken de nabijgrens, de vergrens en de totale scherptediepte op basis van brandpuntsafstand, diafragma, scherpstelafstand en sensorgrootte. Berekenen Hyperfocale afstand calculator Bepaal de hyperfocale afstand voor uw lens en sensor — focus daar en alles vanaf de helft van die afstand tot oneindig is scherp. Berekenen ND-filter belichtingscalculator Reken uw basissluitertijd om via elk ND-filter (ND8, ND64, ND1000, gestapeld) — met ingebouwde afteltimer voor lange belichtingen. Berekenen Gouden Uur Calculator Zonsopkomst, zonsondergang, gouden uur en blauwe uur voor elke locatie en datum — kies uw punt op de kaart, geen app nodig. Berekenen