Afbeelding-kleurkiezer

Deze afbeelding-kleurkiezer beantwoordt een eenvoudige, veelgestelde vraag: welke exacte kleur is die pixel? Upload of sleep een foto, screenshot of ontwerp export en de tool tekent het op een pixel-nauwkeurig canvas. Beweeg de cursor en een vergrotende loep volgt en vergroot de 11×11 pixels eronder zodat je precies kunt richten; de waarden onder de cursor worden live getoond. Eén klik en de kleur belandt in drie kaarten — HEX voor CSS, RGB voor code, HSL voor het aanpassen van helderheid — elk met een eigen kopieerknop.

Precisie is het hele punt van een dergelijke kiezer. Op anti-gealiasede tekst, verlopen en fotoranden verschillen aangrenzende pixels aanzienlijk, en op het oog kiezen uit een verkleind voorbeeld pakt vaker wel dan niet de verkeerde tint. De loep toont elke fysieke pixel als een groot vierkant met een draadkruis op de middelste, zodat de waarde die je kopieert de waarde is van precies de pixel die je bedoelde. Een geschiedenis van de laatste acht selecties wordt bewaard als kleurstalen — klik erop om die kleur opnieuw te kopiëren.

De tool is gebouwd op de canvas API van de browser en draait volledig op je apparaat: de afbeelding wordt nooit geüpload, er is geen wachtrij en geen account, en zelfs vertrouwelijke mockups of documenten zijn veilig om te inspecteren. Het werkt met elk afbeeldingsformaat dat je browser kan openen, inclusief PNG, JPG, WebP, GIF en SVG.

Typisch gebruik: een merkkleur terughalen uit een logo wanneer de stijlgids zoek is, UI-kleuren afstemmen op een referentie-screenshot, controleren wat een verloop werkelijk weergeeft, of een paletkandidaat uit een foto halen. Als je de kleur daarna in een andere notatie nodig hebt — CMYK voor drukwerk, of genormaliseerde waarden — pakt de kleurformaat-omzetter de draad op waar het pipet stopt.