Bij het plannen van het uiterlijk van uw nieuwe bedrijfswebsite, moet u beslissen welke kleuren u wilt gebruiken. Om een positieve impact op bezoekers te hebben en meer verkoop te stimuleren, moet uw kleurenpalet uw merk versterken, uw site gemakkelijk leesbaar en navigeerbaar maken, en – bovenal – er goed uitzien.
Maar kleuren vinden die “goed bij elkaar passen” is niet zo eenvoudig als het klinkt. Veel factoren dragen bij aan hoe we kleur op visueel en emotioneel niveau verwerken. Dit maakt het moeilijk om vanuit het niets een effectief en origineel website kleurenschema te maken, zelfs als we intuïtief aanvoelen welke kleurencombinaties goed werken en welke niet.
Gelukkig hoeft u het kleurenwiel niet opnieuw uit te vinden om een geweldige website te bouwen. In dit bericht hebben we een lijst samengesteld met de 21 beste kleurencombinaties die in webdesign worden gebruikt en die u zelf kunt uitproberen. Zo kunt u de discussies met collega’s over de vraag of zowel groen als oranje op uw homepage thuishoren, overslaan en een stap dichter bij de lancering komen.
Best Website Color Schemes & Combinations
- Coral Red en Viking
- East Bay, Moon Raker, en Ghost
- Viking en Karry
- Tan Hide, Vermilion, en Acapulco
- Botticelli, Nepal, en Ship Gray
- Persian Green, Vista Blue, Mauvelous, en Sunflower
- Marigold Yellow, Ice Cold, en Vista Blue
- Spice, Tuscany, Jaffa, Calico, en Yellow Metal
- Alto, Mandys Pink, Chestnut Rose, Stiletto
- Swiss Coffee, Schooner, Pharlap, en Mine Shaft
- Tulip Tree en Punga
- Swans Down, Monte Carlo, en Observatory
- Your Pink, Bittersweet, en Alizarin Crimson
- Pampas, Your Pink, en Melanie
- Mountain Meadow en Magnolia
- Terracotta, Gun Powder, Moon Raker, Acapulco, en Manhattan
- Bittersweet, Cosmos, Nile Blue, en Seagull
- Malibu, Aero Blue, Picton Blue, en Boston Blue
- Navajo White en Vivid Tangerine
- Dove Gray en Aero Blue
- Milano Red en Black Pearl
Natuurlijk, een groep mysterieuze kleurnamen niet veel hulp zonder ze in actie te zien. (Wat is “Pharlap” eigenlijk?)
Dus, voor elk kleurenschema, heb ik een visueel voorbeeld gegeven. Alle voorbeelden zijn afkomstig van websites die geprezen worden om hun visuele aantrekkingskracht. Voel je vrij om deze sites te gebruiken als inspiratie voor je kleurenpalet, lay-out, en algemene esthetiek.
Koraalrood en Viking
Hex codes: #F93943, #7EB2DD
-3.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-3.jpeg)
Image Source
East Bay, Moon Raker, and Ghost
Hex codes: #424874, #DCD6F7, #CACFD6
-Aug-13-2020-01-02-53-70-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-53-70-PM.jpeg)
Image Source
Viking en Karry
Hex codes: #7EB2DD, #FFE8D4
-1.png?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-1.png)
Image Source
Tan Hide, Vermilion, en Acapulco
Hex codes: #F98866, #FF420E, #80BD9E
-Aug-13-2020-01-02-55-13-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-55-13-PM.jpeg)
Image Source
Nepal, Ship Gray, en Botticelli
Hex codes: #90AFC5, #3E363F, #C4DFE6,
-Aug-13-2020-01-02-54-32-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-54-32-PM.jpeg)
Image Source
Persian Green, Vista Blue, Mauvelous, and Sunflower
Hex codes: #00A6A6, #98DBC6, #F18D9E, #E6D72A
-Aug-13-2020-01-02-54-49-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-54-49-PM.jpeg)
Image Source
Marigold Yellow, Ice Cold, en Vista Blue
Hex codes: #F6E278, #BCF4F5, #98DBC6
-Aug-13-2020-01-02-54-79-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-54-79-PM.jpeg)
Image Source
Spice, Tuscany, Jaffa, Calico, and Yellow Metal
Hex codes: #6E352C, #CF5230, #F59A44, #E3C598, #6E612F
-4.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-4.jpeg)
Image Source
Alto, Mandys Pink, Chestnut Rose, en Stiletto
Hex codes: #D9D9D9, #F5B3B4, #D15656, #94353
-1.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-1.jpeg)
Image Source
Swiss Coffee, Schooner, Pharlap, and Mine Shaft
Hex codes: #E1DCD9, #8F8681, #A67F78, #3E3C3C
-Aug-13-2020-01-02-53-32-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-53-32-PM.jpeg)
Image Source
Tulpenboom en Punga
Hex codes: #F2AB39, #563C16
.png?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update).png)
Image Source
Swans Down, Monte Carlo, en Observatory
Hex codes: #D1EDE1, #7BC5AE, #028C6A
-Aug-13-2020-01-02-53-44-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-53-44-PM.jpeg)
Image Source
Uw Roze, Bitterzoet, en Alizarin Crimson
Hex codes: #FFC2C3, #FE7773, #EA3238
-Aug-13-2020-01-02-54-95-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-54-95-PM.jpeg)
Image Source
Pampas, Your Pink, en Melanie
Hex codes: #,F1EBE9, #FFC2C3, #E6CBDD
-Aug-13-2020-01-02-55-49-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-55-49-PM.jpeg)
Image Source
Mountain Meadow en Magnolia
Hex codes: #1B998B, #F8F1FF
-Aug-13-2020-01-02-55-31-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-55-31-PM.jpeg)
Image Source
Terracotta, Gun Powder, Moon Raker, Acapulco, en Manhattan
Hex codes: #E07A5F, #3D405B, #DECDF5, #81B29A, #F2CC8F
.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update).jpeg)
Image Source
Bittersweet, Cosmos, Nile Blue, and Seagull
Hex codes: #FE7773, #FFD8D8, #194049, #87CEEB
-Aug-13-2020-01-02-53-56-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-53-56-PM.jpeg)
Image Source
Malibu, Aero Blue, Picton Blue, en Boston Blue
Hex codes: #4DD7FF, #AEFFF1, #32C3EE, #3B8FA1
-Aug-13-2020-01-02-54-03-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-54-03-PM.jpeg)
Image Source
Navajo White en Vivid Tangerine
Hex codes: #FFE0AC, #FF8C8C
Dove Gray en Aero Blue
Hex codes: #666666, #B5FFE9
-2.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-2.jpeg)
Image Source
Milano Red en Black Pearl
Hex codes: #BA1200, #031927
-2.png?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-2.png)
Image Source
Een vleugje kleur toevoegen
Op het eerste gezicht lijkt het vinden van de juiste kleurencombinatie eenvoudig en intuïtief te zijn. We zien immers overal om ons heen effectief gebruik van kleur, van merkontwerp tot kunst en entertainment, tot modieuze outfits. De waarheid is, dat al deze ontwerpen zorgvuldig zijn gepland, getest, en op zijn minst gedeeltelijk geïnspireerd door ontwerpen die eerder kwamen.
Het creëren van het perfecte kleurontwerp voor uw website is een uitdaging. Maar als u zich houdt aan een van de schema’s die ik heb gegeven, zal uw site dienen als een ander goed voorbeeld van kwalitatief hoogwaardig webdesign in actie.