Kleurcode uit een afbeelding achterhalen

Zoek de kleur van een logo, foto of screenshot op en gebruik de code in je eigen ontwerp.

of sleep hier één afbeelding naartoe

JPG, PNG of WebP · Maximaal 50 MB

De kleuren worden in je eigen browser geanalyseerd.

Kies een pixel midden in de gewenste kleur

Open een JPG, PNG of WebP van maximaal 50 MB. Met de loep kun je nauwkeurig een pixel aanwijzen. Kies bij een logo een plek binnen het kleurvlak, weg van schaduwen en randen. Een JPG kan kleine kleurverschillen bevatten op een vlak dat op het eerste gezicht egaal lijkt.

Bewaar een bruikbare selectie

Kopieer de HEX-code voor een website of gebruik RGB en HSL in je ontwerpprogramma. Je kunt kleurstalen bewaren en acht representatieve kleuren uit de afbeelding bekijken. Download de gekozen stalen als CSS of TXT om later verder te werken. Bij transparante afbeeldingen zie je ook de alfawaarde.

Zo werkt het

  1. Selecteer de afbeelding die je als voorbeeld gebruikt.
  2. Zoek met de loep de juiste pixels en bewaar kleurstalen.
  3. Kopieer de codes of download je selectie.

Veelgestelde vragen

Hoe vind ik de HEX-code van mijn logo?

Open het logo, klik binnen het gewenste kleurvlak en kopieer de getoonde HEX-code.

Kan ik met de toetsen precies een pixel kiezen?

Geef het afbeeldingsgebied focus en gebruik de pijltjestoetsen voor stappen van één pixel. Met Shift ga je tien pixels per stap.

Kan ik hiermee de juiste muurverf vinden?

Een pixelcode beschrijft de digitale foto. Licht, camera en scherm beïnvloeden die kleur; gebruik fysieke kleurstalen voor het kiezen van verf.

Hoe neem ik meerdere kleuren mee naar mijn website?

Bewaar de stalen in je selectie en download ze als CSS. TXT is handig als eenvoudig overzicht van de codes.

Handige vervolgstappen