Kleurkiezer voor afbeeldingen

Deze afbeeldingskleurkiezer beantwoordt een eenvoudige, veelgestelde vraag: welke kleur heeft die pixel precies? Upload of sleep een foto, screenshot of ontwerpexport, en de tool tekent deze op een pixelnauwkeurig canvas. Verplaats de cursor en een vergrotende loep volgt hem, waardoor de 11×11 pixels eronder worden vergroot, zodat u nauwkeurig kunt richten; de waarden onder de cursor worden live weergegeven. Eén klik en de kleur komt terecht in drie kaarten – HEX voor CSS, RGB voor code, HSL voor het aanpassen van de lichtheid – elk met zijn eigen kopieerknop.

Precisie is het hele punt van een plukker als deze. Bij anti-aliased tekst, kleurovergangen en fotoranden verschillen aangrenzende pixels merkbaar, en bij het met het oog selecteren uit een verkleind voorbeeld wordt vaker wel dan niet de verkeerde tint weergegeven. De loep toont elke fysieke pixel als een groot vierkant met een draadkruis in het midden, dus de waarde die u kopieert is precies de waarde van de pixel die u bedoelde. Een geschiedenis van de laatste acht keuzes wordt bijgehouden als kleurstalen. Klik op een van de kleurstalen om die kleur opnieuw te kopiëren.

De tool is gebouwd op de canvas-API van de browser en draait volledig op uw 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 uw browser kan openen, inclusief PNG, JPG, WebP, GIF en SVG.

Typische toepassingen: het herstellen van een merkkleur uit een logo wanneer de stijlgids verloren is gegaan, het matchen van UI-kleuren met een referentiescreenshot, controleren hoe een verloop daadwerkelijk wordt weergegeven, of een paletkandidaat uit een foto halen. Als u de kleur vervolgens in een andere notatie nodig heeft (CMYK voor afdrukken of genormaliseerde waarden), gaat het hulpmiddel voor het converteren van kleurformaten verder waar het pipet ophoudt.