Skip to main content

Gebruik kleurfamilies en paletten voor uw site

essie | Summer Collection 2016 (Juni- 2026)

essie | Summer Collection 2016 (Juni- 2026)
Anonim

Een van de beste manieren om de sfeer van een webpaginaontwerp te veranderen, is het kleurenschema te wijzigen. Als u kleur wilt gebruiken om de stemming te beïnvloeden, helpt dit om kleurenfamilies te begrijpen en wat zij vertegenwoordigen. Kleurfamilies zijn onderdelen van het kleurenwiel in drie soorten kleuren:

  • Warme kleuren
  • Koele kleuren
  • Neutrale kleuren

Hoewel het mogelijk is om een ​​ontwerp te hebben dat kleuren uit alle drie de families gebruikt, hebben de meeste ontwerpen een algeheel gevoel van warmte, koelte of neutraliteit.

Energize met warme kleuren

Warme kleuren bevatten tinten rood, oranje en geel en variaties op die kleuren. Ze worden warme kleuren genoemd omdat ze een gevoel van zonlicht en vuur oproepen - dingen die warm zijn. Ontwerpen die warme kleuren gebruiken, hebben de neiging energiek en opbeurend te zijn. Ze impliceren passie en positieve gevoelens bij de meeste mensen. Warme kleuren zijn meestal kleuren van creativiteit, viering, passie, hoop en succes.

Warme kleuren worden gemaakt met alleen de twee kleuren: rood en geel. Deze primaire kleuren worden gecombineerd om oranje te maken. U gebruikt geen koele kleuren in een warm palet bij het mengen van kleuren.

Ontspan met koele kleuren

Koele kleuren bevatten tinten groen, blauw en paars en variaties op die kleuren. Ze worden koele kleuren genoemd omdat ze een gevoel van water, bomen en nacht oproepen. Ze brengen een gevoel van ontspanning, kalmte en gereserveerdheid naar voren. Ontwerpen die koele kleuren gebruiken, worden vaak gezien als professioneel, stabiel en zakelijk.

In tegenstelling tot warme kleuren is er slechts één primaire kleur, blauw, in de koele kleuren. Dus om andere kleuren in het palet te krijgen, meng je wat rood of geel met blauw om groen en paars te krijgen. Dit maakt groen en paars warmer dan blauw, wat een puur koele kleur is.

Neutrale kleuren

Neutrale kleuren bestaan ​​uit bruin, wat een combinatie is van alle drie primaire kleuren en de twee overgebleven kleuren: zwart en wit. Hoe meer modderig of grijs een kleur is, hoe neutraler het wordt. Neutrale ontwerpen zijn het moeilijkst te definiëren omdat veel van het gevoel dat ze oproepen, is van de warme en koele kleuren die ze beïnvloeden. Zwart en wit ontwerpen worden als elegant en verfijnd beschouwd, maar omdat deze kleuren zo sterk zijn, kunnen ze een uitdaging zijn bij het maken van effectieve webontwerpen.

Een andere manier om een ​​neutraal palet te maken, is om zwart of wit toe te voegen aan een warme of koele kleur om de kleur grijzer te maken.

Kleur Families gebruiken in Web Design

Als u met uw webontwerp een stemming probeert op te roepen, helpen kleurfamilies u om dat te doen. Een goede manier om dit te testen, is om verschillende paletten in de drie kleurenfamilies te maken en uw ontwerp te vergelijken met alle drie. Mogelijk merkt u dat de hele toon van de pagina verandert wanneer u de kleurenfamilie wijzigt.

Hier zijn enkele voorbeeldpaletten die u met uw webpagina in de verschillende kleurenfamilies kunt proberen:

Warm

  • # cc333F, # eb6841, # edc951
  • # ffd573, # ff773d, # f73e3e
  • # ffe545, #fefbaf, # c2a34f, # fbb829
  • # ffab03, # fc7f03, # fc3903, # d1024e

Stoer

  • # 69d2e7, # a7dbd8, # e0e4cc
  • # 2a044a, # 0b2e59, # 0d6759, # 7ab317, # a0c55f
  • # 8ca315, # 5191c1, # 1e6495, # 0a4b75
  • # 8fbfb9, # 6493a7, # bddb88, # e0f3b2, # eefaa8

Neutrale

  • # d9ceb2, # 948c75, # d5ded9, # 7a6a53, # 99b2b7
  • # e6cba5, # ede3b4, # 8b9e9b, # bd7578
  • # d8d0c8, # d2d0c8, # cbd0c8, # c4d0c8
  • # 182009, # 464b35, # 757661, # d1ccb9