Alle kleuren kennen een code. De meest gebruikte codes zijn HEX codes (bijv. #65b4a2) of RGB codes (R 101, G 65, B 162). In de beheermodule kan je beide codes ingeven waardoor exact dezelfde kleur wordt gebruikt als jouw huisstijlkleuren. Nu is de vraag of je de kleurcodes kent of niet.

Indien je niet bekend bent met de kleurcodes van jouw huisstijl, kan je deze natuurlijk opvragen bij jouw huisstijl ontwikkelaar. Een andere (snellere) methode is om de kleuren te bekijken en te kopiëren uit jouw huidige website. Dit kan op drie manieren:

1. Kopieer de kleurcodes uit je thema
   Veel websites werken met een thema. Ga naar jouw thema-instellingen en bij de kleuren wordt de HEX code weergegeven of de RGB kleurcode. Deze code kan je ingeven in de Designmodule van TO BE Kinderopvang.
2. Kopieer de kleurcodes uit je browser (alleen Google Chrome of Firefox)
   – Open jouw eigen website met de websitebrowser Google Chrome of Firefox
   – Tik een element aan met je muis van de betreffende kleur en klik op de rechtermuisknop en klik op “element inspecteren” (Firefox) of “inspecteren (Google Chrome)
   – De kleurcode staat weergegeven onder “Background” of “Color” met de HEX code of de RGB kleuren.
   – Schrijf deze kleur op op een papiertje.
3. Kopieer de kleurcodes via de Kleurentool.
   De makkelijkste methode.
   – Klik op de kleur van het bewuste item dat je wilt veranderen
   – Klik eenmaal op de achtergrond van het betreffende tabblad
   – Ga naar het tabblad waar je website staat weergegeven
   – Klik op het pennetje in het kleurenpalet
   – Klik op het element van de website van de kleur die je wilt kopieren
   – Ga terug naar het tabblad van de beheermodule en klik op het volgende item van de kleur die je wilt bepalen.