Verkar det någonsin som vissa webbsidor färgscheman bara få all uppmärksamhet? Som med alla andra aspekter av webbdesign finns det färgscheman som tenderar att trenden mer än andra. Ljusa färger, starka paletter och till och med vissa mismatchande system är element i färg som trender.
Här är en titt på några av de bästa webbplatsens färgscheman av 2018 (i ingen särskild ordning). För varje del delar vi också de färgkoder som utgör de viktigaste elementen i designen, så det är enkelt att leka med dessa färgscheman själv också!
1. Taproot Foundation
# 00a9d8 # 0d9edf # 259b9a
Taproot Foundation använder ett av de bästa, mest färgstarka webbsidans färgscheman där ute. Kombinationen av gul, blå och kellygrön arbetar tillsammans för att förklara de olika faserna i gruppen som hjälper ideella organisationer. Det är inte ett webbsidans färgschema som du ser det ofta men ljus färg med en vit bakgrund är ett stort trendigt alternativ.
2. Förhindra epidemier
# 292.930 # 3eb650 # fcc133 # e12b38
Förhindra att epidemier använder ett lika färgstarkt schema, men ihop med en mörk bakgrund och grönar som bär hela användargränssnittet och den övergripande designen, allt kommer samman. Ett av de trendigaste färgpalettalternativen är att utveckla en uppsättning färger som är bredare än den typiska paletten för två eller tre färger som är vanligare.
3. Snipcart
# 7f8688 # 929d9e # f3e367
Snipcart använder en ljusgrå för att ställa in tonen som den primära bakgrundsfärgen i denna palett med subtila gula accenter. Lösningen parar en mer trendig ljus färg med en subtil och neutral gradient för en färgpalett som uppmuntrar användaren att verkligen hysa in på innehållet.
4. Mossio
# 18181e # dec79b
Mossio använder samma basfärger här för den här webbplatsens färgschema - du kan se trenden med svart / grått och gult, eller hur? - Endast med en mer mättad bakgrund och mindre mättad accentfärg. Kombinationen har nästan samma effekt som ovanstående exempel med en färgpalett som fokuserar på innehåll, vilket gör konstruktionen lite mer osynlig.
5. Omegajäst
# F7f7f7 # 7da2a9
Omega Yeast ser inte ut som att det har en färgpalett utöver svartvit vid första anblicken, men den här webbdesignen gör någonting som är en stor idé i färgtrender. Färgschemat är rotat i huvudbilden - i det här fallet en video - istället för en bakgrund eller färgstarka användargränssnitt. Denna trend i färg blir allt vanligare eftersom designers använder helskärmsbilder för att berätta en varumärkeshistoria.
6. Forever Agency
# 4bffa5 # 040f3d # c6c4c5
Forever Agency använder mycket fet färg i sin webbdesign, men paletten är rotad i en ljusgrön. Det här är den nya neutralen. (Notera bara hur många av webbplatserna i denna roundup har en grön nyans.) Den här gröna är lite ljusare än några andra som använder trenden men visas på många platser som sidfot, varumärke och ikoner och divots designen.
7. Konstantopoulos / Olymp
# 34421e # f1f1ef # c19434
Medan vi är på ämnet gröna färgscheman använder Konstantopoulos / Olymp en subtil bakgrund (det finns gröna olivgrenar där inne) och ett mörkt grönt märkemärke för att dra ihop allt oliver. Det primära varumärket grönt är distinkt samt en palett i bildmaterialet som betonar användningen av färgen i olika toner.
8. IC Creative
# Fb8122 # 1d2228 # e1e2e2
IC Creative använder ett mörkt färgöverlägg - svart som inte är riktigt svart - med en ljus accentfärg och mycket vit för att skapa en inbjudande scen. Färgöverlagringar i nästan alla nyanser är en stor trend i webbsidans färg och ett rikt svart alternativ som det här är ett bra sätt att ge annat innehåll gott om utrymme på skärmen. Notera bara den stora rubriken och ljusa accenter och uppmaningar till handling.
9. Mangrove Hotel
# D48166 # 373a36 ## e6e2dd
Medan ljusa färgpaletter har praktiskt taget styrts av webbplatsen deigneras i några år, går det tillbaka till mer dämpade paletter för vissa projekt. Mangrove Hotel's köttfärda är varmt och komplimangerar innehållet väl. (Den samma färgen har också förekommit i vissa Twitter-marknadsföringskommunikationer.)
10. Fem / Fyra
# Fa292a # b89f5d # 5a7670
Five / Four tar på sig en av de mest utmanande färgerna för att skapa en palett med - röd. Och de gör det på ett djärvt sätt. Paletten fungerar snyggt, eftersom de andra färgerna används på ett mer dämpat sätt som fotoöverlagringar och inget annat konkurrerar med det ljusa, mättade rött som används i hela konstruktionen.
11. Atlanta Brewing
# E40c2b # 1d1d2c # f7f4e9 # 3cbcc3 # eba63f # 438.945
Atlanta Brewing använder också en dominerande röd med många andra accentfärger. Observera att paletten inte bara är en del av webbdesignen utan också omfattar produktförpackningen. De har en ganska bred palett med primära färger som bas och en rik svart och vit bakgrund.
12. JYBH
# 151.617 # 090a0a # 151.516
Ibland börjar den bästa färgpaletten med brist på färg. JYBH använder en svart allt palett med varierande grad av konsistens och mörker. Det här har du någonsin sett mycket när det gäller webbplatsfärg.
13. Distinktion
# 000000 # 181.818 # 2cccc3 # facd3d # 5626c4 # e60576
Distinction använder samma alla svarta bas för sin färgpalett med en regnbåge med accentfärger. Om du vill ha en bred färgpalett är det här sättet att använda trenden effektivt.
14. Lucia Lash
# Ffffff # 0a0a0a
På den andra änden av färgspektrumet är bristen på färg helt och hållet. Ett enda svartvitt webbsidans färgschema är modets och minimalismens höjd.
15. Pittori di Cinema
# Fdd935 # 000000
Minimalism kan också vara i full färg, vilket framgår av Pittori di Cinema. Den ljusgula ordningen med svart är ett vanligt alternativ med högfärgsmimma. Ju ljusare färgpalett för den här stilen, ju mer på trend verkar det vara.
16. De dödas dag
# 32064a # e56b1f # fcd02c # e42c6a
Day of the Dead använder en palett med juveltoner och ljus färg för en generell känsla. Denna balans i färgpaletten skapar bara tillräckligt kontrast så att varje element är lätt att se men utan att vara för distraherande i denna färgmiljö.
17. Stolt & Torn
# 1f3044 # fb9039 # 646c79
Stolt & Tornat använder samma juveltonkoncept med en något mer dämpad färgkombination. Den mer subtila färgpaletten hjälper till att skapa visuellt intresse för en webbplats som innehåller många färglösa bilder.
18. Tareq Portfolio
# E3e3e3 # f6f6f8 # c60021
På denna portföljsidan används en bakgrundsfärgspalett som är praktiskt taget överallt - mjukt grått och vitt. Oavsett de andra färgalternativen eller accenter som valts är ljusgrå väldigt populär.
19. Etiya
# D56c2c # 22223a
Etiya har en annan populär singelfärg som en del av den övergripande webbplatsens färgpalett - orange. Ljusa orange toner - ofta använda med mörka bakgrunder som är svarta, marinblå eller lila - är ett trendalternativ.
20. Baobla
# 56642a # 849.531 # 92a332
Baobla har en rolig gradient i ett monotiskt färgschema. Denna stil av färgpalett är idealisk för nya märken eller produktidentiteter eller om du letar efter att få mycket effekt med en djärv färgton.
21. Stereosuper
# Fb9985 # b3e3b5 # 48484a
Stereosuper tar två färger - mintgrön och en persikanorange - och kombinerar dem för en till synes otillbörlig färgpalett. Med så många ljusare, djärva färgalternativ trender, finns det fler otillbörliga paletter där ute och överraskande många av dem fungerar.
22. Jean-Baptiste Kaloya Portfolio
# 150.734 # 0f2557 # 28559a # 3778c2 # 4b9fe1 # 63bce5 # 7ed5ea
Jean-Baptiste Kaloya blir förmodligen den mest populära färgen i webbdesign till en monoton palett av sig själv med varierande grader av blå. Notera också de mjuka gradienterna på ljusare blues.
23. Igor
# 000000 # fefefe # fdee30
Igor visar vad som förmodligen är den populäraste webbplatsens färgpalett av 2018 - svart, vit och gul. Denna färgpalett, även om den ses i olika nyanser, är mycket populär. Denna kombination är förmodligen en av de mest tilltalande.
24. Cowboy Bike
# 000000 # fa255e # c39ea0 # f8e5e5
Cowboy Bike använder en svart och ljus färgpalett som är en omedelbar uppmärksamhet getter. Medan de flesta webbplatser använder svart endast för text, integrerar den här designen faktiskt den i den ljusa, monotona paletten.
25. Pavithra Portfolio
# 632.695 # b5267b # 5bb659 # 254.598
På denna portföljsidan används en palett med materialdesign med ljusa bakgrundsbilder på olika rullskärmar. Medan det i ett ögonblick kan verka som mycket färg, fungerar det bra med varje skärm med en ny färg.
26. Avokonil
# 33ffed # 9c45eb # aea78e
Avoconseil använder en trendig trefärgspalett med en platt bakgrund och accentfärger i den illustrerade designen. Denna stil av palett med tre olika färger (många med en fjärde accent) har varit populär genom uppkomsten och utvecklingen av platt design.
27. Gabrielle Dolan
# e8eae3 # 373833 # fa2742
Gabrielle Dolans hemsida använder den grå-vita-ljusa färgpalettens trend. Med en tydlig färgbrist för det mesta av designen verkar den ljusa färgen hoppa av skärmen. Det skapar bara rätt fokusområde och mängd kontrast, varför det här är ett trending färgschema alternativ.
28. Pixel Pantry
# 9e15bf # 4ac6d2
Pixel Pantry använder ett distinkt färgpar för att visa upp den här trenden - lila och kricka. Kombinationen av dessa två färger för att skapa en palett är nästan overklig. Du hittar variationer av det här systemet nästan överallt du vänder dig.
29. Elva växter
# 5daa68 # 3f6844 # faf1cf
Elva växter använder ett helt neutralt färgschema som är harmoniskt och lätt att titta på. Den gröna matchar innehållet väl och färgkombinationerna är enkla och charmiga.
30. Qvartz
# Ee7879 # 2a3166 # f4abaa # cae7df
Qvartz använder en av de mest oväntade trenderna på året på ett sätt som efterliknar många andra projekt. Med rosa text, rosa färgblock och en mashup med djärva och mjukare färger är denna palett något feminin men inte för mycket så.