Cela vous semble-t-il que certains coloris de sites Web retiennent toute l'attention? Comme pour tous les autres aspects de la conception Web, certains schémas de couleurs ont tendance à être plus tendance que d’autres. Les couleurs vives, les palettes nettes et même certains schémas non concordants sont des éléments de couleur à la mode.
Voici un aperçu des meilleurs modèles de couleurs de sites Web de 2018 (sans ordre particulier). Pour chacun, nous partageons également les codes de couleur qui constituent les éléments clés de la conception. Il est donc facile de jouer avec ces jeux de couleurs vous-même!
1. Fondation Taproot
# 00a9d8 # 0d9edf # 259b9a
Taproot Foundation utilise l'un des meilleurs systèmes de couleurs de site Web les plus colorés. La combinaison de jaune, de bleu et de vert kelly travaille ensemble pour expliquer les différentes facettes du groupe qui aide les organisations à but non lucratif. Ce n’est pas un schéma de couleur de site Web que vous voyez souvent, mais une couleur vive avec un fond blanc est une option très tendance.
2. Prévenir les épidémies
# 292930 # 3eb650 # fcc133 # e12b38
Prevent Epidemics utilise un schéma tout aussi coloré, mais associé à un fond sombre et à des verts qui véhiculent l’ensemble des éléments de l’interface utilisateur et la conception générale. L'une des options de palette de couleurs les plus à la mode consiste à développer un ensemble de couleurs plus large que la palette classique à deux ou trois couleurs plus courante.
3. Snipcart
# 7f8688 # 929d9e # f3e367
Snipcart utilise un gris clair pour définir le ton comme couleur de fond principale dans cette palette avec des accents de jaune subtils. La solution associe une couleur vive plus tendance à un dégradé subtil et neutre pour une palette de couleurs qui encourage l'utilisateur à se concentrer sur le contenu.
4. Mossio
# 18181e # dec79b
Mossio utilise les mêmes couleurs de base ici pour le jeu de couleurs de ce site Web - vous pouvez voir la tendance avec le noir / gris et le jaune, non? - uniquement avec un fond plus saturé et une couleur d'accent moins saturée. La combinaison a presque le même effet que l'exemple ci-dessus avec une palette de couleurs qui se concentre sur le contenu, rendant le dessin un peu plus invisible.
5. levure oméga
# f7f7f7 # 7da2a9
Omega Yeast ne donne pas à première vue une palette de couleurs au-delà du noir et blanc, mais la conception de ce site Web est une idée géniale pour les tendances de la couleur. La palette de couleurs est basée sur l'image principale - dans ce cas une vidéo - plutôt que sur un arrière-plan ou des éléments d'interface utilisateur colorés. Cette tendance de la couleur devient de plus en plus courante car les concepteurs utilisent des images en plein écran pour raconter l'histoire d'une marque.
6. Agence pour toujours
# 4bffa5 # 040f3d # c6c4c5
Forever Agency utilise beaucoup de couleurs vives dans la conception de son site Web, mais la palette est enracinée dans un vert vif. C'est le nouveau neutre. (Notez simplement combien de sites Web dans cette synthèse ont une teinte verte.) Ce vert est un peu plus brillant que certains autres qui utilisent la tendance, mais il apparaît dans de nombreux endroits tels que le pied de page, la marque, les icônes et les divots tout au long de la conception.
7. Konstantopoulos / Olymp
# 34421e # f1f1ef # c19434
Konstantopoulos / Olymp utilise un fond subtil (il y a des branches d’olives vertes) et une marque de couleur vert foncé pour rassembler toutes les olives. Le vert de la marque principale est distinct, de même que la palette dans l’image elle-même, qui met l’accent sur l’utilisation de la couleur dans des tons différents.
8. IC Creative
# fb8122 # 1d2228 # e1e2e2
IC Creative utilise une superposition de couleurs sombres - un noir qui n'est pas vraiment noir - avec une couleur d'accent vive et beaucoup de blanc pour créer une scène attrayante. Les superpositions de couleurs dans presque toutes les nuances constituent une tendance majeure dans la couleur des sites Web et une option de noir riche telle que celle-ci est un moyen agréable de donner à d’autres contenus beaucoup de place sur l’écran. Il suffit de noter le titre surdimensionné et les accents et les appels à l’action vifs.
9. Hôtel Mangrove
# d48166 # 373a36 ## e6e2dd
Bien que les palettes de couleurs vives aient pratiquement décidé que le site Web digne depuis quelques années, il y a un retour aux palettes plus discrètes pour certains projets. Le ton charnu du Mangrove Hotel est chaleureux et complimente bien le contenu. (Cette même couleur est également apparue dans certaines communications marketing de Twitter.)
10. Cinq / quatre
# fa292a # b89f5d # 5a7670
Five / Four adopte l'une des couleurs les plus difficiles pour créer une palette avec - le rouge. Et ils le font de manière audacieuse. La palette fonctionne bien parce que les autres couleurs sont utilisées de manière plus modérée en tant que superpositions de photo et que rien d’autre ne fait concurrence au rouge vif et saturé utilisé dans le dessin.
11. Atlanta Brewing
# e40c2b # 1d1d2c # f7f4e9 # 3cbcc3 # eba63f # 438945
Atlanta Brewing utilise également un rouge dominant avec beaucoup d'autres couleurs d'accent. Notez que la palette ne fait pas seulement partie de la conception du site Web, mais s'étend également à l'emballage du produit. Ils ont une palette assez large avec des couleurs primaires comme base et un fond noir et blanc riche.
12. JYBH
# 151617 # 090a0a # 151516
Parfois, la meilleure palette de couleurs commence par un manque de couleur. JYBH utilise une palette de tout noir avec différents degrés de texture et de noirceur. C'est quelque chose que vous avez probablement déjà beaucoup vu en matière de couleur de site Web.
13. Distinction
# 000000 # 181818 # 2cccc3 # facd3d # 5626c4 # e60576
Distinction utilise la même base entièrement noire pour sa palette de couleurs avec un arc-en-ciel de couleurs accentuées. Si vous souhaitez une palette de couleurs étendue, utilisez cette tendance avec efficacité.
14. Lucia Lash
# ffffff # 0a0a0a
À l’autre bout du spectre de couleurs se trouve le manque de couleur. Une palette de couleurs de site Web uniquement en noir et blanc est la hauteur de mod et de minimalisme.
15. Pittori di Cinema
# fdd935 # 000000
Le minimalisme peut aussi être en couleur, comme en témoigne Pittori di Cinema. Le schéma jaune vif avec du noir est une option courante du minimalisme des couleurs vives. Plus la palette de couleurs de ce style est brillante, plus elle semble être à la mode.
16. jour des morts
# 32064a # e56b1f # fcd02c # e42c6a
Day of the Dead utilise une palette de tons de pierres précieuses et de couleurs vives pour une sensation royale. Cet équilibre dans la palette de couleurs crée juste assez de contraste pour que chaque élément soit facile à voir mais sans être trop distrayant dans cet environnement aux couleurs vives.
17. fier et déchiré
# 1f3044 # fb9039 # 646c79
Proud & Torn utilise le même concept bijou-ton avec une combinaison de couleurs légèrement plus discrète. La palette de couleurs plus subtile contribue à créer un intérêt visuel pour un site Web comportant de nombreuses images incolores.
18. Portefeuille Tareq
# e3e3e3 # f6f6f8 # c60021
Ce site de portefeuille utilise une palette de couleurs d’arrière-plan pratiquement partout: gris et blanc. Indépendamment des autres options de couleur ou accents sélectionnés, le gris clair est extrêmement populaire.
19. Etiya
# d56c2c # 22223a
Dans la palette de couleurs globale de son site Web, Etiya propose une autre couleur unique populaire, orange. Les tons orange vif - souvent utilisés avec des arrière-plans sombres de noir, bleu marine ou violet - sont une option tendance.
20. Baobla
# 56642a # 849531 # 92a332
Baobla propose un dégradé amusant dans une palette de couleurs monotone. Ce style de palette de couleurs est idéal pour les nouvelles marques ou les identités de produits ou si vous souhaitez avoir beaucoup d'impact avec une teinte audacieuse.
21. Stéréo
# fb9985 # b3e3b5 # 48484a
Stereosuper prend deux couleurs - un vert menthe et un orange pêche - et les combine pour une palette de couleurs apparemment incompatibles. Avec autant de choix de couleurs plus brillantes et plus audacieuses, il existe davantage de palettes dépareillées et, étonnamment, nombre d'entre elles fonctionnent.
22. Jean-Baptiste Kaloya Portfolio
# 150734 # 0f2557 # 28559a # 3778c2 # 4b9fe1 # 63bce5 # 7ed5ea
Jean-Baptiste Kaloya transforme probablement la couleur la plus populaire de la conception de sites Web en une palette monotone avec plus ou moins de bleu. Notez également les dégradés doux sur les bleus plus clairs.
23. Igor
# 000000 # fefefe # fdee30
Igor présente ce qui est probablement la palette de couleurs de site Web la plus populaire de 2018 - noir, blanc et jaune. Cette palette de couleurs, bien que vue dans différentes teintes, est très populaire. Cette combinaison est probablement l'une des plus attrayantes.
24. vélo de cow-boy
# 000000 # fa255e # c39ea0 # f8e5e5
Cowboy Bike utilise une palette de couleurs noire et brillante qui attire immédiatement l’attention. Alors que la plupart des sites utilisent uniquement le noir pour le texte, cette conception l’intègre dans la palette lumineuse et monotone.
25. Portefeuille Pavithra
# 632695 # b5267b # 5bb659 # 254598
Ce site de portefeuille utilise une palette Conception de matériaux avec des images d'arrière-plan de couleurs vives sur chaque écran de défilement. En un coup d'œil, cela peut sembler beaucoup de couleurs, mais cela fonctionne bien avec chaque écran présentant une teinte différente.
26. Avoconseil
# 33ffed # 9c45eb # aea78e
Avoconseil utilise une palette tricolore tendance avec un fond plat et des couleurs accentuées dans le dessin illustré. Ce style de palette composé de trois couleurs distinctes (beaucoup avec également un quatrième accent) est resté populaire grâce à la montée et à l’évolution du design plat.
27. Gabrielle Dolan
# e8eae3 # 373833 # fa2742
Le site Web de Gabrielle Dolan utilise la tendance de la palette de couleurs gris-blanc-vif. Avec un manque de couleur distinct pour la plupart des motifs, la couleur vive semble sortir de l'écran. Il crée juste le bon domaine focal et la bonne quantité de contraste, c'est pourquoi il s'agit d'une option de jeu de couleurs tendance.
28. Pixel Pantry
# 9e15bf # 4ac6d2
Pixel Pantry utilise une paire de couleurs distincte pour illustrer cette tendance: violet et bleu sarcelle. La combinaison de ces deux couleurs pour créer une palette est presque irréelle. Vous trouverez des variantes de ce schéma presque partout.
29. Onze plantes
# 5daa68 # 3f6844 # faf1cf
Eleven Plants utilise une palette de couleurs neutres, harmonieuse et facile à regarder. Le vert correspond bien au contenu et les combinaisons de couleurs sont simples et charmantes.
30. Qvartz
# ee7879 # 2a3166 # f4abaa # cae7df
Qvartz utilise l’une des couleurs les plus inattendues de l’année pour imiter de nombreux autres projets. Avec du texte rose, des blocs de couleurs roses et un mashup de couleurs vives et plus douces, cette palette est un peu féminine mais pas trop.