Kleurcombinaties voor logo’s die werken, met hexcodes

De kleurcombinaties voor logo’s die het best werken, koppelen één donkere kleur aan één lichte of felle kleur, zoals marineblauw en goud, bosgroen en crème, of antraciet en limoen. Het helderheidsverschil houdt de vormen leesbaar op favicongrootte en in grijswaarden, terwijl het tintverschil het merkteken zijn karakter geeft. Hieronder staan tien geteste duo’s en drie trio’s met hexcodes en contrastverhoudingen, en daarna een snelle manier om zelf een combinatie te controleren.

Waarom logo’s zo weinig kleuren gebruiken

Een logo is het vaakst gereproduceerde bezit van een bedrijf. Het staat als browsericoon van 16 pixels, geborduurd op een shirt, gestempeld op een koffiebeker en in één kleur gedrukt op een kassabon. Elke kleur die je toevoegt is weer iets dat op een van die plekken mis kan gaan. Daarom zijn zoveel bekende merktekens eenkleurig en de meeste andere tweekleurig.

Begin in zwart. Als de vorm werkt in zwart op wit en wit op zwart, kan kleur alleen maar helpen. Zo niet, dan redt geen enkele combinatie hem. Basis van logo-ontwerp behandelt de vormkant. Dit artikel gaat ervan uit dat de vorm vaststaat.

Tien logocombinaties in twee kleuren

Let op: teal en koraal is de uitzondering. Beide kleuren liggen op een vergelijkbare helderheid, dus koralen letters op een tealkleurige badge zijn moeilijk te lezen en worden in zwart-wit drukwerk één grijze vlek. Het duo werkt wel als de kleuren losse vormen zijn, zoals een tealkleurig symbool naast een koraalkleurig woordmerk, elk op een witte of donkere ondergrond. De cijfers komen uit de WCAG-formule die wordt uitgelegd in kleurcontrast en toegankelijkheid.

Logocombinaties in drie kleuren

Drie kleuren passen bij merktekens die uit losse delen bestaan: een symbool van tegels, een woordmerk met een gekleurde stip, een set vormen voor een kindermerk. Verankert het trio met één donkere kleur en kies twee kleuren die duidelijk in tint verschillen. Als je ze rond het kleurenwiel spreidt, zoals bij triadische kleuren, concurreren ze niet met elkaar.

Logokleurcombinaties om te vermijden

Logo’s met een verloop zijn een bijzonder geval. Ze kunnen groot prachtig ogen, maar vertonen banding in druk en vervagen op kleine formaten. Houd een vlakke versie in één of twee kleuren en behandel het verloop als variant. Logo’s met een verloop legt uit hoe je beide bouwt.

Hoe test je een kleurcombinatie voor een logo

1. 1

   Druk het af in grijswaarden

   Zet het logo om naar grijs. Als de twee kleuren hetzelfde grijs worden, is het helderheidsverschil van het duo te klein.

2. 2

   Verklein het tot 16 pixels

   Bekijk het als tabbladicoon in de browser. Dunne delen in een bleke kleur verdwijnen als eerste.

3. 3

   Keer het om

   Zet het logo op je donkerste merkkleur en op wit. Noteer welke kleur je in elk geval moet verwisselen en schrijf het op.

4. 4

   Controleer op kleurenblindheid

   Haal het door een kleurenblindheidssimulator. Rood-groene duo’s smelten vaak samen voor mensen met de meest voorkomende vormen van kleurenblindheid.

5. 5

   Zet het op een echte achtergrond

   Een logo staat in het wild zelden op egaal wit. Test het op een foto, een verloop en een drukke feed.

Bij die laatste test hebben veel logo’s het moeilijk. Een logo op een verloopachtergrond plaatsen behandelt de technieken. In Gradiently weet een Mark waar de woorden en het logo staan: zijn rustigste gebied verschuift erachter en Auto-inkt kiest per regel licht of donker uit het eigen palet van de Mark, zodat een eenvoudig logo in twee kleuren op een rijke achtergrond kan staan zonder kader eromheen.

Houd het logo eenvoudig en laat het merk rijk zijn

Het logo hoeft niet alle kleuren van je merk te dragen. Veel merken houden het merkteken in één of twee kleuren en leggen de diepte in hun achtergronden, fotografie en lettertypen. Kies je daarna het bredere palet, dan bieden merkkleurideeën er 30 om mee te beginnen, en bekende verloop-logo’s laten zien hoe gevestigde merken een eenvoudig merkteken in balans brengen met expressieve kleur.