de beste kleurpaletten van de Website om de betrokkenheid te vergroten in 2020

geeft het kleurenschema dat u voor uw website hebt gekozen een gewenste reactie? Vind je jezelf overweldigd door het aantal potentiële website kleurenpaletten?

Iedereen heeft favoriete kleuren waar hij of zij naar neigt toe te trekken als het om zijn of haar werk gaat.,

maar een ervaren ontwerper begrijpt het belang van het evalueren van een kleurenschema op basis van het merk, de betekenissen van de kleuren en de producten of diensten die worden gepromoot.

goede kleurkeuzes vereisen zorgvuldige planning.

zij kunnen de manier waarop een bezoeker interpreteert wat hij ziet net zo goed beïnvloeden als de lay — out en typografie van een site-en, als het goed wordt gedaan, kunnen zij een positieve invloed hebben op de beoordeling van elke bezoeker van het merk als geheel.,

In dit artikel zullen we bekijken waarom het selecteren van de juiste kleuren voor uw site van belang is, evenals 23 verschillende kleurenpaletten van echte sites die effectief zijn om de aandacht van bezoekers te trekken.

Waarom is uw kleurenschema zo belangrijk?

voordat we in het proces van het selecteren van een kleurenschema voor uw site springen, is het belangrijk om precies te begrijpen waarom uw website kleurenschema zo belangrijk is.

u zou immers kunnen denken dat het de inhoud is die er echt toe doet. En dat is niet onwaar.

mensen houden van inhoud., Ze worden aangetrokken door frisse stemmen en verleidelijke informatie, maar je moet eerst hun aandacht trekken. Dat is waar website kleurenpaletten in het spel komen.

Als u het juiste kleurenschema voor de website kiest, krijgt u de mogelijkheid om uw bezoekers met uw inhoud te imponeren.

Hier is hoe:

merkherkenning creëren

uw site is in wezen de thuis van uw bedrijf online.

dat betekent dat het een nauwkeurige weergave van uw merk moet zijn. En buiten dat, het moet memorabel genoeg zijn dat gebruikers zullen terugkeren na hun eerste bezoek.,

want veel van uw bezoekers zullen niet klaar zijn om een aankoop of andere belangrijke conversie te doen tijdens hun eerste bezoek — en ze moeten uw bedrijf onthouden om terug te komen en deze acties te ondernemen.

Gelukkig verhoogt kleur de merkherkenning met 80%.

dus, als uw bedrijf al een gevestigd kleurenschema heeft, is het essentieel om dit op te nemen in het ontwerp van uw site. Dit zal het veel gemakkelijker maken voor bezoekers om het onmiddellijk te verbinden met andere plaatsen die ze uw merk hebben gezien.,

Plus, als uw kleurenschema consistent is over uw hele site, zullen ze weten dat ze op de juiste plaats zijn gekomen wanneer ze terugkeren, ongeacht de exacte pagina waarop ze landen.

naast het vertellen van gebruikers wie uw bedrijf is, speelt uw webdesign ook een belangrijke rol in de snelle oordelen van gebruikers over uw merk.

volgens een enquãate noemde 94 procent van de respondenten webdesign als een van de belangrijkste drijfveren van website first impressions.

natuurlijk houdt webdesign veel meer in dan alleen kleur.,

maar aangezien kleur een van de meest voor de hand liggende elementen op uw site is, en een van de enige elementen die een gebruiker kan onderscheiden binnen die eerste 50 milliseconden, kan uw palet de beoordeling van een gebruiker van uw bedrijf maken of breken.

vorm hoe bezoekers zich voelen over uw site

In een andere studie over hoe de eerste indrukken van consumenten worden gevormd, is 90 procent van de eerste beoordelingen alleen gebaseerd op kleur.

tot op zekere hoogte is de reden hiervoor duidelijk.

kleur is immers een van de makkelijkste aspecten van een pagina om te begrijpen.,”Het kan bijna onmiddellijk worden beoordeeld en vereist niet dat bezoekers kopiëren of andere berichten te evalueren.

maar het is ook belangrijk om de rol te overwegen die de psychologie van kleur speelt in deze snelle oordelen.

veel bedrijven maken gebruik van deze verbindingen, zoals wordt geïllustreerd door de logo ‘ s in de volgende grafiek.

bijvoorbeeld merken die een gevoel van creativiteit en verbeelding willen creëren, neigen ertoe paars in hun beeldspraak te integreren, terwijl merken die een gevoel van evenwicht en kalmte willen creëren, naar zwart-wit neigen.,

Dit sluit direct aan bij de” persoonlijkheid ” die u wilt dat uw merk heeft.in een studie over merkpersoonlijkheid concludeerden psycholoog en Stanford professor Jennifer Aaker dat vijf kerndimensies een rol spelen in de persoonlijkheid van een merk:

merken kunnen soms eigenschappen combineren, maar voor het grootste deel is hun “persoonlijkheid” voornamelijk op één gericht. Een bedrijf dat kampeerspullen verkoopt, bijvoorbeeld, zou identificeren met “robuustheid,” terwijl een modemerk zou kunnen streven naar ” verfijning.,”

en zoals u kunt zien in de logo grafiek hierboven, kleur kan een belangrijke rol spelen bij het tonen van consumenten hoe uw merk persoonlijkheid is.

hoewel de meeste niet bewust beseffen dat het rode logo van een bedrijf is ontworpen om een gevoel van opwinding te creëren, kan het nog steeds precies dat doen.

en hoewel elke kleur kan dienen om een specifiek gevoel of reactie te creëren, zijn bepaalde kleuren betere keuzes dan andere voor de meeste merken en websites.

bijvoorbeeld, blauw wordt vaak beschouwd als de veiligste keuze., Dit is, voor een deel, omdat het de meest voorkomende “favoriete” kleur onder de meerderheid van de bevolking.

in feite zegt 57% van de mannen en 35% van de vrouwen dat het hun favoriete kleur is.

dus als u een breed publiek wilt aanspreken, kan dit een goede keuze zijn voor uw site. In feite, dit zou kunnen zijn waarom sommige van de meest bezochte sites vandaag, zoals Facebook en Twitter, gebruiken voor hun logo ‘ s en branding.

Het is ook vermeldenswaard dat blauw ook vaak geassocieerd wordt met gevoelens van vertrouwen, autoriteit en betrouwbaarheid.,

maar dat betekent niet dat het de beste keuze is voor elke site. Het hangt allemaal af van het gevoel dat u wilt overbrengen aan uw bezoekers.

bijvoorbeeld, als uw merk zich richt op gezondheid en welzijn, kan groen een betere optie zijn voor het creëren van die associatie. En als u uw bezoekers enthousiast wilt maken en ze snel actie wilt laten ondernemen, kan red effectiever zijn om u te helpen dat doel te bereiken.

dus, als u kleuren selecteert voor uw site, overweeg dan de emotionele reacties die ze kunnen veroorzaken bij uw bezoekers.,

bijvoorbeeld, als u probeert een gevoel van rust te creëren voor de website van uw yoga studio, is red misschien niet de beste keuze — en het is het beste om dat te weten voordat u serieus geld investeert in uw ontwerp.

Ontwikkel een gevoel van orde

naast de emotionele reacties die de individuele kleuren die u kiest kunnen oproepen, is het ook noodzakelijk om te overwegen hoe de kleuren op uw site met elkaar communiceren.

de beste manier om dat te doen is door te kijken naar een paar basisprincipes van de kleurentheorie.,

Als u ooit een kunstles hebt gevolgd of naar ontwerpgerelateerde bronnen hebt gekeken, hebt u waarschijnlijk iets gezien dat lijkt op het kleurenwiel in de afbeelding hierboven.

het meest voorkomende concept in dit wiel is de relatie tussen primaire kleuren (rood, geel en blauw), en de secundaire en tertiaire kleuren die worden gevormd door ze samen te mengen.

maar verder kan dit wiel u helpen om kleur harmonie of een visueel aangename rangschikking van kleuren te creëren., Een harmonieuze web design palet kan u helpen een gevoel van evenwicht en orde vast te stellen.

Er zijn drie algemeen aanvaarde soorten kleurenschema ‘ s die u kunt gebruiken om dit type harmonie vast te stellen: analoog, monochromatisch en complementair.

een analoog kleurenschema bestaat uit kleuren die naast elkaar op het kleurenwiel vallen. Dit is een van de moeilijkste paletten om goed te doen, omdat de kleuren elkaar gemakkelijk kunnen overmeesteren.

Dat gezegd hebbende, analoge kleurenschema ‘ s zijn ook enkele van de meest levendige.,

dus, als u een kleurrijke, visueel interessante site wilt maken, kunt u het goed doen met een palet vergelijkbaar met de volgende drie voorbeelden:

een monochromatisch kleurenschema valt aan de andere kant van het spectrum van het vorige type. Zoals de naam al aangeeft, bestaat het uit één hoofdkleur, maar de intensiteit en lichtheid van de tinten variëren.

deze paletten zijn het makkelijkst te maken en het” veiligst ” te implementeren omdat verschillende tinten van dezelfde kleur zelden botsen of te druk aanvoelen.,

dus als u voor een relatief eenvoudige look op uw site gaat, zou een monochromatisch kleurenschema zoals deze drie goed kunnen werken voor uw merk:

ten slotte valt een complementair palet ergens tussen analoge en monochromatische schema ‘ s in termen van variatie.

Het bestaat uit kleuren die recht tegenover elkaar liggen op het kleurenwiel. Dus terwijl het gaat om meer kleuren, vullen die kleuren elkaar natuurlijk aan en zullen bezoekers niet overweldigen.,

Als u enige variatie in uw kleurenschema wilt opnemen zonder uw site te druk te maken, kan een complementair kleurenschema zoals een van deze de perfecte keuze zijn:

natuurlijk zijn deze drie niet de enige soorten kleurenschema ‘ s die u kunt maken. In feite, de beste palet types variëren op basis van wie je vraagt.

een triadisch kleurenschema is een van de belangrijkste opties.

dit kleurenschema omvat het gebruik van drie kleuren die 120 graden van elkaar op het kleurenwiel liggen., In de afbeelding hierboven, die kleuren zijn oranje, groen en paars.

Als u uw kleuren selecteert, onthoud dan dat de hierboven vermelde typen geen definitieve regels zijn. Ze kunnen u een algemeen idee van het algemene gevoel dat u wilt dat uw site te hebben, maar ze zijn zeker niet de enige manieren om een palet dat werkt voor uw merk te creëren.

ongeacht het type palet dat u gebruikt, kunt u het gebruiken om een hiërarchie aan te maken van de belangrijkste inhoud op elk van uw pagina ‘ s.,

zorg dat bepaalde elementen opvallen

zoals ik in de vorige paragraaf al zei, kan een gedefinieerd kleurenpalet van de website nuttig zijn om aan te geven dat bepaalde elementen belangrijk zijn.

u kunt deze impact maximaliseren door het isolatieeffect in gedachten te houden terwijl u bepaalt hoe u uw kleurenschema op uw pagina ‘ s gebruikt.

het algemene idee achter dit psychologische principe is dat hoe meer een item opvalt, hoe waarschijnlijker het is om opgemerkt en herinnerd te worden.,

zorg ervoor dat de kleuren die u kiest u de mogelijkheid geven om bepaalde oproepen tot actie op uw pagina ‘ s te laten opvallen zonder te botsen met de rest van uw ontwerp.

deze aanpak is ook in overeenstemming met de voorkeuren van de meeste consumenten.

in twee studies, esthetische respons op kleurencombinaties en consumentenvoorkeuren voor kleurencombinaties, ontdekten onderzoekers dat terwijl consumenten kleurencombinaties met vergelijkbare tinten prefereren, zij ook de voorkeur geven aan paletten met een sterk contrasterende accentkleur.,

de eerste studie toonde aan dat “paarvoorkeur en harmonie beide toenemen naarmate de tint-gelijkenis toeneemt.”Maar,” hoewel paren met zeer contrastieve tinten over het algemeen worden beschouwd als noch de voorkeur noch harmonieus, figurale kleur voorkeur ratings toenemen als tint contrast met de achtergrond toeneemt.”

in de tweede studie vonden onderzoekers dat ” mensen over het algemeen graag kleuren combineren die relatief dicht bij of precies overeenkomen, met de uitzondering dat sommige mensen één kenmerkende productcomponent markeren door contrastieve kleur te gebruiken.,”

dus hoewel uw accentkleur een sterk contrast moet hebben, is het goed — en zelfs beter — als de rest van uw palet bestaat uit relatief vergelijkbare tinten.

Dit betekent dat het creëren van webdesignpaletten met één sterke, opvallende accentkleur niet alleen effectief is voor het isoleren van bepaalde elementen, maar ook een geweldige manier is om een combinatie te maken die veel van uw bezoekers leuk zullen vinden.

vereenvoudig ontwerp-gerelateerde beslissingen

als het gaat om het runnen van een website of een bedrijf (of beide!), het is altijd een goed idee om te zoeken naar manieren om eenvoudige processen te vereenvoudigen.,

want hoe minder tijd u besteedt aan basistaken, hoe meer tijd u zult moeten besteden aan processen en beslissingen die een grotere impact hebben op uw succes.

en het opzetten van webdesignpaletten is een geweldige manier om de tijd te verminderen die nodig is om nieuwe pagina ‘ s te maken. Wanneer je een gevestigd kleurenschema hebt, maak je basisontwerp keuzes veel gemakkelijker, zowel voor jezelf als voor je ontwerpers en ontwikkelaars.,

Dit geldt vooral als u de tijd neemt om uw palet op een gebruiksvriendelijke manier te documenteren zoals dit bedrijf deed:

wanneer u een gebruiksvriendelijk document van uw palet maakt, maakt u een overzichtsbron met alle mogelijke opties voor elk element.

op deze manier kunt u, als u (of uw ontwerpers) moeite hebben met het bepalen welke kleur u wilt gebruiken voor een CTA-knop, gewoon naar het document verwijzen voor een volledige lijst van uw opties.,

dus in plaats van uw hersenen te rekken voor alle verschillende mogelijkheden, kunt u kiezen uit een vooraf ingestelde lijst met kleuren. En zodra u een paar te gebruiken of te testen, alle HEX en RGB-codes zijn al recht voor je.

hoeveel kleuren moet u opnemen?

Het hangt allemaal af van de complexiteit van uw ontwerp en de soorten kleurencombinaties. Als je bijvoorbeeld een monochromatisch webdesignpalet gebruikt, heb je misschien zeven of zelfs meer tinten van die kleur nodig om voldoende variatie op het scherm vast te leggen.,

u wilt kleuren opgeven voor specifieke delen van uw site, zoals tekst, achtergronden, links, link hover-kleuren, CTA-knoppen en koppen.

hoe een kleurenschema voor een Website te kiezen

Als u niet zeker weet hoe u de beste kleurenpaletten voor webdesign kunt selecteren, bekijk dan deze video die ik heb gemaakt. Het loopt u door praktische tips voor het kiezen van een website kleurenschema.

idealiter weerspiegelen websitekleuren de waarden, overtuigingen en het doel van een bedrijf., Luide kleuren kunnen wijzen op een minder formele sfeer en meer opwinding, terwijl ingetogen kleuren lenen een meer verfijnde of formele noot aan het bedrijf.

maar dat is niet altijd gemakkelijk te vertalen wanneer je naar duizenden potentiële kleurencombinaties staart. Laten we eens kijken naar 23 Grote website kleurenpaletten die u kunnen helpen de betrokkenheid te verhogen.

16 Grote Websitekleuren om de betrokkenheid te vergroten (2020)

de volgende sites gebruiken verschillende websitekleuren met groot effect. Ze zijn zorgvuldig gekozen voor de emoties die ze oproepen en de gevoelens die ze overbrengen.,

Mea Cuppa

De mea Cuppa-website gebruikt een oogstrelend kleurenpalet dat een paar juwelentinten (robijn en smaragd) bevat voor maximale levendigheid, maar vertrouwt verder op een neutraal, monochromatisch palet van bruin en grijs.

het webdesignpalet roept een coffeeshopgevoel op en wordt weerspiegeld in het hero-imago van de site, wat cohesie creëert.

The Big Top

BigTop is een community die gespecialiseerd is in het helpen van het opstarten van het netwerk., De site maakt gebruik van een ongebruikelijke, maar uiterst aandachttrekkende combinatie van juwelentonen die variëren van paars en blauw tot fel oranje en geel.

de primaire kleuren zijn allemaal koele kleuren, waardoor de warmere kleuren pop. U zult merken in de homepage screenshot dat de oranje en gele CTA grijpt uw aandacht voor iets anders.

Tori ’s oog

ons derde voorbeeld komt van Twitter visualisatie tool Tori ‘ s oog. Dit is een geweldig voorbeeld van een meestal monochromatisch kleurenschema., Hier zien we de effecten van een eenvoudige maar krachtige kleurenpalet gecentreerd rond tinten groen.

dit kleurenschema is vaak gemakkelijk af te trekken, omdat een tint van een kleur bijna altijd zal werken met een andere tint van dezelfde kleur.

BarkBox

de dominante roze kleur op de BarkBox-homepage wordt in verschillende tinten op de site herhaald. Het contrasteert prachtig met de blauwe kleur die wordt gebruikt in de logo ’s en CTA’ s in de hele site.,

het gebruik van complementaire kleuren om de aandacht van bezoekers te trekken waar u wilt, kan elk kleurenpalet van de website verbeteren.

Cheese Survival Kit

rood is een zeer populaire kleur voor een website kleurenpalet. Het kan een rijke mix van emoties overbrengen, waardoor het zeer veelzijdig is. Het is bijzonder krachtig wanneer gebruikt in kleine doses, zoals je ziet op de Cheese Survival Kit website.,

het rood wordt getemperd met meer neutrale kleuren, en het blauw helpt een punch voor CTA ‘ s en andere gebieden waar het bedrijf de aandacht van de bezoeker wil trekken.

Nordic Ruby

Nordic Ruby, een conferentie in Stockholm, heeft een prachtige website ontworpen in rijke juweel tonen. De kleuren gekozen voor deze website kleurenpalet lenen het verfijning en onderscheidt het van minder impactvolle ontwerpen.,

Lake Nona

Lake Nona is een website voor een specifieke plaats — specifiek één in de buurt van het water. Daarom is het niet verwonderlijk om hier een blauwe kleur te zien. De andere neutrale kleuren laten het blauw mooi opvallen.

LemonStand

opnieuw is het geen verrassing dat een bedrijf met de naam Lemon Stand geel in het kleurenpalet van de website zou hebben. De blauw en grijs paren mooi met de gele en helpen temperen zijn helderheid.,

Mint

Mint is een website gewijd aan financiën, dus het gebruik van greens en blues zijn goede keuzes. Ze dragen bij aan kalmte, vrede en vertrouwen. Neutrale tinten in de bruine familie maken het een algemene aardse kleurenpalet dat de zintuigen kalmeert.

Odopod

Odopod past bij het monotone kleurenpalet, maar voorkomt saai lijken met een verloop op de homepage., De grote typografie biedt een uitstekend contrast en het is duidelijk waar ze willen dat je klikt.

Fiverr

u kunt merken dat veel bedrijven een specifieke kleur — in het geval van Fiverr, groen — uitsluitend voor CTA ‘ s reserveren. Het verschijnt niet elders op de site. In feite werd het niet eens opgepikt door ColorFav omdat het wordt gedomineerd door de meer neutrale kleuren.,

Digital Photography School

u zou verwachten dat een bedrijf dat zich toelegt op de grafische kunsten een indrukwekkend kleurenpalet van de website heeft, en de Digital Photography School stelt niet teleur. De levendige kleuren helpen de kijker in te trekken. En, net als Fiverr, de oranje gebruikt in de CTA verschijnt niet eens op het palet van de site, omdat het spaarzaam wordt gebruikt voor impact.,

Ahrefs

Ahrefs is een voorbeeld van een website die zijn kleurenpalet vrij gebruikt. Een donkerder blauw dient als de dominante kleur, maar variaties van het bestaan in de hele site. Hetzelfde geldt voor de oranje, roze en teal kleuren.

Millo.co

Millo.co maakt gebruik van een zeer eenvoudige website kleurenpalet, en het is beter af voor het. We weten precies waar we moeten kijken als we een site als deze bezoeken.,

Brian Gardner

sommige bedrijven en individuen nemen het monochromatische kleurenpalet tot het uiterste. Brian Gardner, webdesigner, maakt gebruik van een zwart-wit kleurenschema dat perfect werkt. Het is gebaseerd op zijn soort minimalisme, dus het weerspiegelt zijn waarden en overtuigingen.

weefgetouw

zachte kleuren kunnen goed werken wanneer u de bezoeker op zijn gemak wilt stellen. Weefgetouw maakt gebruik van liberale doses van zalm en baby blauw., Het werkt goed, vooral met de donkerder blauwe kleur Beschikbaar voor CTA ‘ s en andere belangrijke elementen op de pagina.

een handige lijst met Bronnen voor het kiezen van het perfecte kleurenpalet voor uw website

Hier zijn 18 kleurenpaletbronnen om u het perfecte palet voor uw website te geven.

heeft u eerst inspiratie nodig?

1: BrandColors

BrandColors laat zien hoe toonaangevende merken kleur gebruiken om hun bedrijven te onderscheiden, hun merkverhalen te vertellen en hun klanten te laten weten waar ze voor staan., U kunt Alfabetisch bladeren door een lijst van bedrijven, non-profitorganisaties en startups, of zoeken op merknaam.

zoekt u een kant-en-klaar palet?

2: ColourLovers

ColourLovers is een forumsite voor paletontwerp, met bijna 2 miljoen paletten die door de gebruikers zijn ingediend. U kunt jagen ‘paletten die deze kleur bevatten,’ bladeren, of volg ontwerpers. Vaak vindt u varianten van hetzelfde palet, waardoor u tint en verzadiging opties kant en klaar.

(compleet met grillige namen.,)

3: ColoRotate

ColoRotate wordt geleverd met een bibliotheek van kleurenschema ‘ s die u kunt bladeren, selecteren en wijzigen. Als u wilt uw eigen te bouwen vanaf nul, kunt u, met een 3D Kleur tool. En u kunt de regeling die u rechtstreeks in PhotoShop of vuurwerk, met de ColorRotate plugin en Ipad app.

overeenkomen met uw Branding

maar wat als u al afbeeldingen, logo ‘ s of branding hebt waarvan de kleuren van uw website moeten overeenkomen?,

4: Color Hunter

Color Hunter is geen gereedschap met een enorm scala aan functionaliteit, zoals sommige van de All-in-one powerhouses in deze lijst. In plaats daarvan is het een solide oplossing voor één ding: het opsporen van een bepaalde kleur. Ga naar de site, laat dan een afbeelding vallen en het gereedschap zal een palet voor u maken van de afbeelding. Dit is een solide manier om kleurenpaletten te maken rond afbeeldingen waar je je site mee moet harmoniseren, en je kunt het ook gebruiken om de paletten van sites die je leuk vindt, te reverse-engineeren.,

5: Pictaculous

Pictaculous genereert kleurenpaletten van foto ‘ s – upload een foto, en Pictaculous zal Kleuren voorstellen om deze te matchen. Naast het aanbieden van een palet op basis van de foto die u uploadt, Pictaculous zal kant-en-klare kleurenschema ‘ s die overeenkomen bieden.

Deze hulpmiddelen genereren volledige kleurenpaletten.

6: Adobe Color CC Color Wheel

Dit gereedschap stond bekend als Adobe Kuler, en begon als een basis kleurvergelijkingssite. Nu is het een full-power kleurenpalet bouwsysteem., Hiermee kunt u kleurencombinaties uitproberen, vergelijken en opslaan op basis van een kleurenbol. U kunt kiezen soorten palet en het genereren van vijf-kleurenpaletten met verschillende niveaus van invoer van de tool met inbegrip van volledig aangepaste en bijna-automatisch.

7: Paletton

met Paletton kunt u snel een kleurenpalet bouwen. Selecteer het schema dat u wilt: mono, complementair, triadisch, tetradic, analoog of geaccentueerd analoog. Dan, wanneer u een kleur in het schema te veranderen, de anderen veranderen om het te passen.,

8: Color Spire

Color Spire bouwt een kleurenpalet van een enkele kleur. U selecteert een startkleur, en Color Spire suggereert een palet van kleuren om te gebruiken in combinatie met het. Het biedt ook een preview, zodat u kunt zien hoe de kleuren die het aanbeveelt zou kijken in een voorbeeldwebsite.

9: MudCube Color Sphere

(bron: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

MudCube ‘ s Color Sphere is een Chrome plugin die u helpt kleuren te harmoniseren, kleurenblindheid te controleren en hex-codes te identificeren., U kunt ook kleurenschema ‘ s rechtstreeks exporteren naar Illustrator, PhotoShop en CoIRD.com.

10: samenhangende kleuren

samenhangende Kleuren neemt uw huidige palet en laat u het manipuleren, het toevoegen van een overlay tint in de kleur van uw keuze en het genereren van een nieuw palet van een bestaande snel en gemakkelijk.

11: Hex Color Scheme Generator

met dit gereedschap kunt u kleuren genereren die werken in combinatie met een kleur die u al hebt. Het is een beetje meer basic dan sommige van de kleur bol gereedschappen in deze lijst., U plakt een hexadecimale getal in het gereedschap of klik op het kleurenwiel, en het keert terug met een set van 3 extra kleuren die overeenkomen, compleet met hexadecimale codes.

het bouwen van uw Kleuren

sommige van deze hulpmiddelen moeten u om te beginnen een kleur in gedachten hebben. Als je geen branding hebt die je moet matchen, en BrandColors je niets laten zien dat je opviel, kun je vanaf nul beginnen.,

12: De Color App

met dit iOS-gereedschap kunt u fijne beslissingen nemen tussen vergelijkbare kleuren, door ze duidelijk op te leggen met enige ruimte ertussen in plaats van in kleurverlopen, zoals in kleurwielen en-bollen. Met grote kleurenroosters kunt u uw hele scherm gebruiken (iPad Pro-gebruikers, verheug u!) en het laat je ook kleuren sample, vinden RGB, Hex en HSLA waarden en maak kleurenpaletten vanaf nul.,

13: Color

Color, door HailPixel, laat je echt vastnagelen precies welke kleur je wilt, en geeft je dan de Hex-code voor het.

beweeg met de muisaanwijzer over het scherm en de kleur verandert lichtjes als je beweegt – het is als een kleurenbol die constant terugkoppelt in Hex-codes. Beweeg over het scherm voor kleur, omhoog en omlaag voor verzadiging.

haal de Codes voor een kleur

als je ergens een kleur hebt gezien en je weet niet precies hoe je het moet noemen, zijn dit de hulpmiddelen voor jou.,

14: SpyColor

SpyColor geeft u informatie over elke kleur, inclusief de Hex, RGB, CMYK en andere codes. De tool toont u scala van schema types zoals complementaire, split-complementaire, triadische, clash en analoog, op elke kleur pagina.

15: HTML-kleurcodes

HTML-kleurcodes vinden hex-codes voor afbeeldingskleuren in uw browser. U selecteert een foto van uw bureaublad en klik op ‘beeld weergeven,’ dan de muis over het te krijgen Hex codes voor de verschillende delen van de afbeelding.,

Test uw palet

zodra u een kleurenpalet hebt geïnstalleerd, moet u weten of het voor een verscheidenheid aan bezoekers zal werken.

16: Check my Colours

Check my Colours laat u de voor-en achtergrondkleuren van uw kleurenpalet controleren, waarbij u ervoor zorgt dat deze voldoende contrast bieden voor iemand met kleurtekorten. Als u wilt kleurenblindheid-proof uw site, of gewoon de meest effectieve en intuã tieve kleurencombinaties vanuit een UX-perspectief, deze tool is van onschatbare waarde., Drop een URL in en het spuwt een rapport:

…dat in principe gaat door alle code voor uw site en gradeert alle visuele elementen in het op zichtbaarheid.

overeenkomende afbeeldingen

nu uw kleurenpalet op zijn plaats is en u weet dat het super zichtbaar is, hebt u enkele afbeeldingen nodig die overeenkomen.

17: TinEye

TinEye is beter bekend als een alternatief voor Google Image Search., Maar het werkt ook als een manier om kleurencombinaties te verkennen, met behulp van een database van meer dan 10 miljoen Creative Commons licentie foto ‘ s geoogst van Flickr. Als u op zoek bent naar afbeeldingen in de perfecte kleurencombinatie, is dit een geweldige, eenvoudig te gebruiken manier om ze op te jagen.

18: Designspiration

met Designspiration kunt u maximaal vijf tinten selecteren uit een paginalet, waardoor u de kleuren duidelijk kunt zien. Dan, de site toont alle beelden in de database met die kleurencombinatie., Het toont u Hex nummers duidelijk, en kunt u klikken op individuele Hex nummers. U kunt afbeeldingen opslaan in collecties op de site en ze downloaden.

Hoe gebruik je een website gedrag Tool om de beste kleurenpaletten te analyseren

je zou kunnen denken dat alles wat je hoeft te doen is een website kleurenpalet te kiezen en vooruit te gaan volledige stoom vooruit. Dat is niet de beste manier om zaken te doen.

denk er eens over na. U test uw CTA ‘ s, koppen en andere website-elementen. Waarom zou kleur anders zijn?,

een website gedrag analyse tool zoals Crazy Egg biedt de perfecte gelegenheid om erachter te komen hoe uw publiek reageert op uw huidige kleurenpalet.

gebruikersgedrag rapporten zoals heatmaps zullen u vertellen of uw kleuren de ogen vangen van de mensen die er het meest toe doen — uw huidige en potentiële klanten.

wanneer u ruwe gegevens in uw handen hebt, kunt u weloverwogen beslissingen nemen over het kleurenpalet van uw website.,

stel je voor dat je een website hebt gemaakt voor een publiek van sportliefhebbers en de kleuren blauw en roze hebt gekozen, evenals een paar neutrale grijstinten. Je publiek vindt het niet leuk.

misschien wordt uw afbeelding niet goed genoeg weergegeven. Sportliefhebbers houden misschien van brutaler, donkerdere kleuren en aardse tinten.

u zult het niet weten totdat u test.

start met Crazy Egg

Maak een gratis Crazy Egg account aan om uw gratis proefperiode te starten of log in om uw gebruikersgedrag rapporten in te stellen.

u kunt meerdere tests tegelijkertijd uitvoeren, zodat u geen uren, dagen of weken verspilt., In plaats daarvan kunt u gegevens in realtime vastleggen en uw inspanningen opnieuw richten op het vinden van het beste kleurenpalet dat mogelijk is.

conclusie

het kleurenpalet van uw website moet niet alleen uw merk weerspiegelen, maar ook uw publiek aanspreken. Anders, mensen kunnen worden uitgeschakeld door uw site zonder het te beseffen.

begin met wat u wilt. Overweeg het kiezen van een palet dat is anders dan anderen in uw niche, zodat u opvallen. Begin dan met testen.

Het is gemakkelijk om de kleuren op uw site te veranderen. Als u HTML kent, kunt u de HEX codes in uw thema bestanden handmatig wijzigen., Veel WordPress thema ‘ s komen ook met customizers die u toelaten om kleuren te veranderen zonder het kennen van een code.

geef uzelf de mogelijkheid om uw site zo visueel aantrekkelijk en memorabel mogelijk te maken.