Het komt nogal eens voor dat ik wil weten welke kleurcode een bepaalde kleur op een website heeft. Om dit te doen gebruik ik de ColorZilla for Chrome color picker.

Kleurcodes achterhalen van webpagina’s en afbeeldingen met de ColorZilla extensie

Met deze extensie kun je eenvoudig de kleurcodes van webpagina’s achterhalen. Wanneer je op de Image Color Picker extensie icoon bovenaan in de werkbalk klikt, verschijnt er een kruis. Plaats deze op de kleur die je wilt weten. Bovenin je scherm verschijnt een pop-up, met de kleur en de kleurcode. De kleurcode wordt gelijk naar je clipboard gekopieerd, zodat je hem gelijk kunt ‘plakken’. In onderstaande video selecteerde ik het paars in het beeldscherm. Je kunt niet alleen de hex-code achterhalen, maar bijvoorbeeld ook de RGB-code.

Er zijn overig meerdere extensies waarmee je kleurcodes kunt achterhalen.

Belangrijk: kleur en toegankelijkheid

Het is belangrijk om bewust met kleuren om te gaan. Kleuren dragen eraan bij of een website wel of niet goed toegankelijk is. Denk bijvoorbeeld aan het hebben van voldoende contrast wanneer je een tekst op een gekleurde achtergrond plaatst. Je kunt hier meer over lezen in mijn blog Alles wat je moet weten voor een toegankelijke website.

Je kunt natuurlijk ook de gratis checklist toegankelijke website aanvragen.

Met regelmaat plaats ik Blogs en korte Tips & tricks. Wil je mijn tips en blogs niet missen? Schrijf je dan in voor mijn nieuwsbrief.