Ontwerpers werken vaak met kleuren. Programma's als Photoshop hebben alle kleuren en de bijhorende kleurcodes, maar soms is het wel moeilijk om een kleur precies te achterhalen. Misschien ziet u ergens een mooie kleur, maar is het lastig om de exacte kleur terug te vinden. ColorZilla helpt u daarbij. Met ColorZilla achterhaalt u iedere kleur die u op een website vindt. U klikt hiervoor op een webpagina op de kleur waarvan u de code wilt weten en ColorZilla kopieert die kleurcode. Die gebruikt u vervolgens in verschillende programma's, zoals Photoshop of Illustrator.
ColorZilla is gratis te gebruiken en als plugin toe te voegen aan Chrome en Firefox.
ColorZilla is een handig hulpmiddel voor grafische ontwerpers en webontwikkelaars, want de tool helpt bij kleurgerelateerde taken. Er is namelijk een kans dat u ergens online een mooi kleurpalet ziet, maar dat u geen idee heeft hoe u erachter moet komen om wat voor kleur het gaat, om die vervolgens zelf te gebruiken. Technisch gezien is het mogelijk om daar achter te komen door de broncode van de website te checken, bijvoorbeeld door op F12 te klikken, maar dat kost vaak veel moeite. Met ColorZilla is dat veel makkelijker. De plugin heeft hiervoor meerdere handige gereedschappen daar wel achter te komen. ColorZilla analyseert een pagina en haalt daar de kleurcodes uit. Zo weet u meteen welke kleurcode u nodig heeft.
ColorZilla is met een simpele klik aan uw browser toe te voegen en u ziet de plugin als een pipetje naast de adresbalk van de browser verschijnen. Door erop te klikken verschijnt het menu met de verschillende functies. Daarna werkt het simpel. Wanneer u erachter wilt komen welke kleurcode een bepaalde kleur heeft zorgt u ervoor dat de webpagina geopend is en klikt u op het icoontje van ColorZilla. De extensie maakt dan automatisch contact met die pagina. Met de cursor van uw muis klikt u daarna op de kleur waarvan u de code wilt weten en de kleurcode wordt automatisch gekopieerd naar het klembord van uw computer. ColorZilla geeft zo de kleur van iedere pixel op een pagina. Verder ziet u bovenaan nog de specificaties van de code, zoals de RGB informatie, de Hex kleurinformatie en meer. De code is vervolgens direct te plakken in een programma naar keuze, zoals een tekstdocument of gewoon rechtstreeks in het programma waar u mee werkt, zoals Photoshop, Illustrator of een ander ontwerpprogramma. Het resultaat is dat u dan exact dezelfde kleur krijgt als op de webpagina.
Een andere manier om de kleurcode te zien is door de plugin te openen en te klikken op 'Color Picker', waar de kleurcode eveneens getoond wordt. Hier kopieert u de hex code eveneens eenvoudig. ColorZilla heeft bovendien nog een mooie CSS kleurverloop generator, om zo de verloopachtergronden of UI-elementen voor uw ontwerp te vinden.
ColorZilla heeft de volgende kenmerken:
ColorZilla screenshots
Op de website van de ontwikkelaars van deze gratis software kunt u meer informatie vinden en kunt u de software downloaden.
Website van de makers van ColorZilla
website van ColorZilla ColorZilla download voor Chrome ColorZilla download voor Firefox