Tijdens het schrijven van de korte cursus "Layout in 8 stappen" heb ik een lijstje aangelegd met handige hulpmiddelen. Deze kun je stuk voor stuk goed gebruiken bij het volgen van de cursus en dus bij het maken van een goede website-layout.

Zo heb ik de komende tijd een gratis beeldbewerkingprogramma, gratis mooie lettertypen, stockfoto's en nog veel meer handige hulpmiddelen op het programma staan.

In dit nummer beginnen we met Colormatch: Een erg handig hulpmiddel waar je een basiskleur kiest en er automatisch bijpassende kleuren worden gegenereerd. Dit zal een goede hulp zijn bij het bepalen van de perfecte kleuren en kleurcombinaties.

http://www.colormatch.dk/

Je ziet 3 vierkantjes die je naar links en naar rechts kunt bewegen om een gewenste kleur te creëren. Onder zie je 6 bijpassende kleuren verschijnen met codes. Deze codes kun je plakken in bijvoorbeeld een grafisch programma als Photoshop of een webprogramma als Frontpage of Dreamweaver.

Als je binnen die bijpassende kleuren een mooiere kleur ziet kun je hierop klikken zodat het programma daar weer 6 bijpassende kleuren bij maakt.

Variaties

Omdat dit zo'n handig hulpmiddel is wordt het wereldwijd door veel webdesigners en programmeurs gebruikt. Vandaar ook dat er zoveel variaties van zijn gemaakt. Zoek in Google maar eens naar "ColorMatch 5k" en je zult talloze sites vinden.

Een aantal goede voorbeelden zijn:

http://colormixers.com/mixers/cmr/
De grootste verschillen zijn dat je al een voorbeeldje van een geschikte lay-out te zien krijgt, inclusief headlines, links en rollover kleuren. Ook kun je hier de RGB codes kopiëren.

http://wellstyled.com/tools/colorscheme2/index-en.html
Deze versie is erg grafisch en heeft een eenvoudige bediening. Er zijn veel standaard instellingen voor een snel resultaat. Je maakt hier gebruik van een kleurencirkel.

Met deze hulpmiddelen wordt het combineren van kleuren natuurlijk wel heel gemakkelijk! ;-)

Tot de volgende keer!