Sembra che alcune combinazioni di colori dei siti Web abbiano solo l'attenzione? Come per ogni altro aspetto del web design, ci sono schemi di colori che tendono a tendenza più di altri. I colori brillanti, le tavolozze rigide e persino alcuni schemi di disallineamento sono elementi di colore di tendenza.
Ecco alcuni dei migliori schemi di colori del sito Web del 2018 (in nessun ordine particolare). Per ognuno, condividiamo anche i codici colore che compongono gli elementi chiave del design, quindi è facile giocare anche con questi schemi di colori!
1. Fondazione Taproot
# # 00a9d8 0d9edf # 259b9a
Taproot Foundation utilizza uno dei migliori e più colorati schemi di colori per siti web disponibili. La combinazione di giallo, blu e verde kelly lavora insieme per spiegare le diverse sfaccettature del gruppo che aiuta le organizzazioni no profit. Non si tratta di una combinazione di colori di un sito Web che si vede spesso, ma il colore brillante con uno sfondo bianco è un'opzione di grande tendenza.
2. Prevenire le epidemie
# 292930 # 3eb650 # fcc133 # e12b38
Prevent Epidemics utilizza uno schema altrettanto colorato ma abbinato a uno sfondo scuro e verdi che trasportano attraverso gli elementi dell'interfaccia utente e il design complessivo, tutto si unisce. Una delle opzioni di tavolozza dei colori più alla moda è quella di sviluppare un set di colori più ampio rispetto alla tipica tavolozza a due o tre colori che è più comune.
3. Snipcart
# 7f8688 # 929d9e # f3e367
Snipcart utilizza un grigio chiaro per impostare il tono come colore di sfondo principale in questa tavolozza con sottili accenti gialli. La soluzione abbina un colore brillante più trendy con un gradiente sottile e neutro per una tavolozza di colori che incoraggia l'utente a perfezionare il contenuto.
4. Mossio
# 18181e # dec79b
Mossio usa gli stessi colori di base qui per questa combinazione di colori del sito Web: puoi vedere la tendenza con nero / grigio e giallo, giusto? - Solo con uno sfondo più saturo e un colore meno saturo. La combinazione ha quasi lo stesso effetto dell'esempio precedente con una tavolozza di colori che si concentra sui contenuti, rendendo il design un po 'più invisibile.
5. Omega lievito
# # F7f7f7 7da2a9
Omega Yeast non sembra che abbia una tavolozza di colori al di là del bianco e del nero a prima vista, ma questo design del sito web fa qualcosa che è una grande idea nelle tendenze dei colori. Lo schema dei colori è radicato nell'immagine principale - in questo caso un video - piuttosto che uno sfondo o elementi dell'interfaccia utente colorati. Questa tendenza a colori sta diventando più comune perché i progettisti utilizzano immagini a schermo intero per raccontare una storia di marca.
6. Agenzia per sempre
# # 4bffa5 040f3d # c6c4c5
Forever Agency utilizza un sacco di colori audaci nel design del suo sito Web, ma la tavolozza è radicata in un verde brillante. Questo è il nuovo neutro. (Prendi nota di quanti dei siti web in questa carrellata presentano una sfumatura verde.) Questo verde è un po 'più luminoso di altri che usano la tendenza, ma appare in molti luoghi come il piè di pagina, il marchio e le icone e i divots in tutto il design.
7. Konstantopoulos / Olymp
# 34421e # f1f1ef # c19434
Mentre siamo in tema di combinazioni di colori verdi, Konstantopoulos / Olymp utilizza uno sfondo sottile (ci sono rami di ulivo verdi) e un marchio di colore verde scuro per riunire tutte le olive. Il marchio principale verde è distinto così come una tavolozza nelle immagini stesse che enfatizza l'uso del colore in varie tonalità.
8. IC Creative
# Fb8122 # 1d2228 # e1e2e2
IC Creative utilizza una sovrapposizione di colore scuro - nero che non è veramente nero - con un accento brillante e molto bianco per creare una scena invitante. Sovrapposizioni di colore in quasi tutte le tonalità sono una tendenza importante nel colore del sito Web e un'opzione ricca di nero come quella qui è un bel modo per dare agli altri contenuti spazio sullo schermo. Basta notare il titolo sovradimensionato e accenti luminosi e inviti all'azione.
9. Hotel Mangrove
# D48166 # 373a36 ## e6e2dd
Mentre le tavolozze dei colori brillanti hanno praticamente dominato il sito Web per alcuni anni, per alcuni progetti è tornato a tavolozze più tenui. Il tono carnoso di Mangrove Hotel è caldo e si abbina bene al contenuto. (Questo stesso colore è apparso anche in alcune comunicazioni di marketing su Twitter).
10. Cinque / quattro
# # Fa292a b89f5d # 5a7670
Five / Four assume uno dei colori più difficili per creare una tavolozza con - rosso. E lo fanno in modo audace. La palette funziona bene perché gli altri colori vengono utilizzati in modo più attenuato come gli overlay fotografici e nient'altro compete con il rosso brillante e saturo utilizzato in tutto il design.
11. Brewing Atlanta
# # E40c2b 1d1d2c # f7f4e9 # 3cbcc3 # eba63f # 438945
Atlanta Brewing utilizza anche un rosso dominante con molti altri colori di accento. Si noti che la tavolozza non è solo parte del design del sito Web, ma si estende anche alla confezione del prodotto. Hanno una tavolozza piuttosto ampia con colori primari come base e un ricco sfondo bianco e nero.
12. JYBH
# 151617 # 090a0a # 151.516
A volte la tavolozza dei colori migliore inizia con una mancanza di colore. JYBH utilizza una palette di colori neri con diversi gradi di consistenza e oscurità. Questo è qualcosa che probabilmente hai visto molto quando si tratta di colori del sito web.
13. Distinzione
# 000000 # 181818 # 2cccc3 # facd3d # 5626c4 # e60576
La distinzione utilizza la stessa base nera per la sua tavolozza di colori con un arcobaleno di colori accentati. Se si desidera una tavolozza di colori ad ampio raggio, questo è il modo di utilizzare la tendenza in modo efficace.
14. Lucia Lash
# Ffffff # 0a0a0a
Dall'altro lato dello spettro dei colori c'è del tutto mancanza di colore. Un'unica combinazione di colori del sito Web in bianco e nero è l'altezza della mod e del minimalismo.
15. Pittori di Cinema
# Fdd935 # 000000
Anche il minimalismo può essere a colori, come evidenziato da Pittori di Cinema. Lo schema giallo brillante con il nero è un'opzione di minimalismo comune ad alto colore. Più brillante è la tavolozza dei colori per questo stile, più sembra essere alla moda.
16. Giorno dei morti
# 32064a # e56b1f # fcd02c # e42c6a
Day of the Dead utilizza una palette con tonalità gioiello e colori brillanti per un tocco regale. Questo bilanciamento nella tavolozza dei colori crea un contrasto sufficiente in modo che ogni elemento sia facile da vedere ma senza essere troppo distratto in questo ambiente ad alto colore.
17. Orgoglioso e strappato
# 1f3044 # fb9039 # 646c79
Proud & Torn usa lo stesso concetto di tonalità gioiello con una combinazione di colori leggermente più tenui. La palette di colori più sottile aiuta a creare interesse visivo per un sito Web che presenta molte immagini incolore.
18. Portafoglio Tareq
# E3e3e3 # f6f6f8 # c60021
Questo sito portfolio utilizza una tavolozza di colori di sfondo praticamente ovunque: grigio tenue e bianco. Indipendentemente dalle altre opzioni di colore o accenti selezionati, il grigio chiaro è estremamente popolare.
19. Etiya
# D56c2c # 22223a
Etiya presenta un altro singolo colore popolare come parte della palette di colori del sito Web globale: arancione. I toni arancioni - spesso usati con sfondi scuri che sono neri, blu o viola - sono un'opzione di tendenza.
20. Baobla
# 56642a # 849.531 # 92a332
Baobla presenta un gradiente divertente in una combinazione di colori monotona. Questo stile di tavolozza dei colori è ideale per nuovi marchi o identità di prodotto o se stai cercando di ottenere un impatto notevole con una tonalità audace.
21. Stereosuper
# # Fb9985 b3e3b5 # 48484a
Stereosuper prende due colori - verde menta e arancio pesca - e li combina per una palette di colori apparentemente disomogenea. Con così tante più brillanti e audaci tendenze cromatiche, ci sono più tavolozze non corrispondenti là fuori, e sorprendentemente molti di loro funzionano.
22. Portfolio Jean-Baptiste Kaloya
# 150734 # 0f2557 # 28559a # 3778c2 # 4b9fe1 # 63bce5 # 7ed5ea
Jean-Baptiste Kaloya trasforma probabilmente il colore più popolare nel design del sito web in una palette monotona con diversi gradi di blu. Si noti anche le sfumature morbide sul blues più leggero.
23. Igor
# 000000 # fefefe # fdee30
Igor mostra quella che probabilmente è la tavolozza dei colori del sito Web più popolare del 2018: nero, bianco e giallo. Questa tavolozza di colori, anche se vista in tonalità diverse, è molto popolare. Questa combinazione è probabilmente una delle più interessanti.
24. Cowboy Bike
# 000000 # fa255e # c39ea0 # f8e5e5
Cowboy Bike utilizza una tavolozza di colori nera e brillante che è un'attenzione immediata. Mentre la maggior parte dei siti utilizza il nero solo per il testo, questo disegno lo incorpora nella tavolozza monotona e luminosa.
25. Portfolio Pavithra
# 632.695 # b5267b # 5bb659 # 254598
Questo sito portfolio utilizza una tavolozza Material Design con immagini di sfondo colorate luminose su ciascuna schermata di scorrimento. Mentre a prima vista potrebbe sembrare un sacco di colori, funziona bene con ogni schermo con una tonalità diversa.
26. Avoconseil
# # 33ffed 9c45eb # aea78e
Avoconseil utilizza una palette tricolore alla moda con uno sfondo piatto e colori accesi nel design illustrato. Questo stile di tavolozza con tre colori distinti (molti anche con un quarto accento) è rimasto popolare attraverso l'ascesa e l'evoluzione del design piatto.
27. Gabrielle Dolan
# e8eae3 # 373833 # fa2742
Il sito web di Gabrielle Dolan utilizza la tendenza della tavolozza dei colori grigio-bianco-brillante. Con una netta mancanza di colore per la maggior parte del design, il colore brillante sembra saltare fuori dallo schermo. Crea solo l'area focale giusta e la quantità di contrasto, motivo per cui questa è un'opzione di combinazione dei colori di tendenza.
28. Pixel Dispensa
# # 9e15bf 4ac6d2
Pixel Pantry utilizza una coppia di colori distinti per mostrare questa tendenza: viola e verde acqua. La combinazione di questi due colori per creare una tavolozza è quasi irreale. Troverai le varianti di questo schema quasi ovunque ti giri.
29. Undici piante
# 5daa68 # 3f6844 # faf1cf
Undici impianti utilizza uno schema di colori completamente neutro che è armonioso e facile da guardare. Il verde corrisponde bene al contenuto e le combinazioni di colori sono semplici e affascinanti.
30. Qvartz
# Ee7879 # 2a3166 # f4abaa # cae7df
Qvartz usa uno dei colori di tendenza più inaspettati dell'anno in un modo che imita molti altri progetti. Con il testo rosa, i blocchi di colore rosa e un mashup di colori audaci e morbidi, questa palette è un po 'femminile ma non troppo.