Kleur heeft de kracht om emoties op te roepen of een belangrijke boodschap te versterken. Psychologen over de hele wereld hebben jarenlang onderzoek gedaan naar de invloed van verschillende kleuren op ons als mens en hoe ze ons gedrag beïnvloeden.
De introductie van verschillende AI-tools in het productontwerpproces heeft taken zoals het selecteren van kleurencombinaties en -paletten veel eenvoudiger en minder tijdrovend gemaakt dan voorheen.
Een van die AI-tools is Khroma: een online, door AI ondersteunde, tool voor het genereren van kleuren.
In deze blog leggen we je uit wat je ermee kan doen, hoe het werkt en hoe je het slim kan gebruiken voor je website.
Wat is Khroma?
Khroma is een slimme, AI-gedreven tool die je helpt bij het kiezen van kleuren voor je website of merk. In plaats van willekeurige kleurencombinaties te tonen, leert Khroma eerst jouw smaak kennen.
Khroma, ontworpen door George Hastings, is geïnspireerd op Color Claim, een andere handige tool voor kleurontwerp. Color Claim is een verzameling van ruim 100 kleurencombinaties die Tobias Van Schneider in de loop der jaren heeft samengesteld en die in een typografische vorm worden weergegeven.
Je begint door een selectie te maken van kleuren die jij mooi vindt. Op basis daarvan traint de tool een soort persoonlijk smaakprofiel. Vervolgens genereert Khroma eindeloos veel kleurenpaletten die passen bij jouw stijl.
Zodra je kleurenpaletten zijn gegenereerd, biedt Khroma je tal van opties om ze te doorzoeken en te bewerken. Je kunt de paletten bekijken als tekst, afbeelding, kleurverloop of als een zelf geüploade afbeelding. Daarnaast krijg je meteen alle technische info, zoals HEX-codes en RGB-waarden. Dit zijn de kleurcodes die je kan plakken in de JouwWeb-Editor.
Type:
Poster:
Gradiënt (kleurverloop):
Afbeelding:
Kleurenpalet:
Zo gebruik je Khroma voor je website
Het is natuurlijk leuk om zo’n tool te gebruiken, maar hoe zet je dit in op je website?
1. Kies je basis kleuren
Gebruik Khroma om 2-4 hoofdkleuren te kiezen voor je website. Denk aan:
- Een hoofdkleur
- Een achtergrondkleur
- Een accentkleur (voor je buttons/links)
2. Test je kleuren in context
Bekijk hoe kleuren eruitzien als tekst of op een achtergrond. Khroma laat dit natuurlijk al aan je zien, maar toch is het goed om dit nog even te testen op je eigen website in combinatie met je logo en/of producten.
3. Gebruik de kleurcodes direct in JouwWeb
Heb je een mooie combinatie gevonden? Sla deze dan op als favoriet, klink rechtsboven in op de ‘i’ voor details, en de kleurcodes verschijnen. Kopieer de HEX-code en voeg deze toe aan je website via het tabblad “Design”.
Extra tips voor een sterk design
- Hou het simpel: Gebruik niet teveel kleuren, 2-4 kleuren is vaak genoeg.
- Werk met contrast: zorg dat de tekst goed leesbaar is overal op je website.
- Blijf consistent: Gebruik dezelfde kleuren overal. Op je website, social media en in je logo.
- Denk aan je doelgroep: een kindermerk vraagt om andere kleuren dan een zakelijke dienstverlener.
De Design-tool voor startende ondernemers
Het kiezen van de juiste kleuren combinaties hoeft niet moeilijk te zijn. Met deze tool maak je sneller keuzes die goed voelen én bovenal professioneel ogen!
Dus, twijfel je over de kleuren van je website? Probeer Krhoma en ontdek wat bij jouw merk past!
