EIGEN WEBSITE - SITEONTWERP - 20.12.2018

Kleur bekennen doet u zo

Passende kleuren kiezen

Uw website mag geen schreeuwerige kakofonie zijn. Via Colors on the Web ( http://www.colorsontheweb.com ) komt u te weten welke kleuren u met elkaar mag combineren. In de onlangs vernieuwde Color Wizard (onder Color Tools ) selecteert u een specifieke basiskleur, en na een druk op de Calculate -knop ziet u de passende tinten (incl. de daarbij horende codes).

ColorMatch Remix ( http://hlrnet.com/colormatch/index.php ) doet ongeveer hetzelfde, maar pakt het toch anders aan. Hier stelt u eerst de gewenste basiskleur samen via drie schuivers (rood, groen en blauw). Op basis daarvan zoekt de dienst dan acht bijbehorende kleuren. Wanneer u de schuivers beweegt, wordt het resultaat meteen aangepast. ColorBlender ( http://www.colorblender.com ) werkt op dezelfde manier, maar beperkt zich tot vier bijpassende tinten.

Bent u op zoek naar tussenliggende kleurschakeringen tussen twee specifieke kleuren? Color Blender ( http://meyerweb.com/eric/tools/color-blend/ ) laat u twee tinten kiezen en toont dan de tussenschakels. U kunt zelfs instellen hoeveel tussenstappen (‘midpoints’) u wilt, met 10 als maximum. Hoe meer, hoe zachter de overgang. Handige tool!

Vertrekken vanuit de basis

Wilt u een eigen bedrijfslogo of een foto van uw zaak of van een product integreren in uw website? In dat geval kan Color Hunter ( http://www.colorhunter.com ) u vertellen welke kleuren daarbij passen. Zodra u het grafische bestand geüpload heeft (of de url van de online locatie ingevoerd heeft), destilleert de tool er de belangrijkste en passende kleuren uit. Die krijgt u netjes op een rij te zien. Wanneer u op het zon-icoontje klikt, worden meer afgezwakte tinten weergegeven.

In Chrome kunt u ook gebruik maken van de handige browserextensie Accupix ( https://goo.gl/1rdYtX ). Ontdekt u tijdens het surfen een mooie kleur of een knappe kleurencombinatie, dan kunt u daarmee de overeenkomstige codes achterhalen. Accupix voegt namelijk een ‘Color picker’-optie toe aan het contextmenu dat u oproept met de rechtermuisknop. Aan de hand van een druppelteller selecteert u een specifieke kleur, en de pijltjes op uw keyboard helpen u bij het bepalen van de exacte locatie. Een vergelijkbare add-on voor zowel Chrome als Firefox is ColorZilla ( http://www.colorzilla.com ).

We vermelden ook het nog onlangs besproken TinEye Multicolr ( http://labs.tineye.com/multicolr/ ). Hiermee kunt u tot vijf kleuren kiezen, waarna deze webtool overeenkomstige afbeeldingen (afkomstig van Flickr) toont. De resultaten kunt u filteren op basis van zelfgekozen trefwoorden.

Teksten op de achtergrond

Voor duidelijk leesbare teksten op uw website moet het contrast tussen de kleuren van de letters en de achtergrond groot genoeg zijn. Dat kunt u checken via de WebAIM Color Contrast Checker ( https://webaim.org/resources/contrastchecker/ ): die tool vertelt u of een combinatie geslaagd is voor zowel grote als kleine lettertypes. Een vergelijkbaar hulpje is Contrast Checker ( http://www.contrastchecker.com ).