10 palettes de couleurs sur le thème du gris pour agrémenter vos site web

Selon, Trinity Advise, le gris n’est pas tout à fait une couleur, historiquement associé à des univers de tristesse, de vieillesse voire de mort. Il suffit aussi de constater les éléments qui le représentent (poussière, souris, béton) pour s’apercevoir qu’il n’est pas très positif au regard actuel des occidentaux. Pourtant, il se marie très bien avec de nombreuses couleurs vives et peut apporter un bon équilibre de sobriété ou d’élégance s’il est dispatché par petites touches de sérieux et de rigueur. Autres aspects positifs, le gris signifie de la neutralité et du respect. Attention cependant, une surabondance de gris implique systématiquement une impression de tristesse et de mélancolie.

Significations : Neutralité, respect, calme, douceur, rigueur,  tristesse, anonymat, solitude, monotonie, mélancolie.

Représentations : Béton, égouts, pluie, poussière, animaux (souris, éléphants).

1) Palette 1

palette-couleurs-web-gris-

#BC623C  —-  #353535  —  #ADADAD  —  #EAC1B0  —  #FFFFFF

2) Palette 2

palette-couleurs-web-gris-2_03

#C3452A —-  #FFFFFF —-  #000000 —-  #414141 —-  #CCCCCC

3) Palette 3

palette-couleurs-web-gris-2_10

#5BAD7E —-  #000000 —-  #FFFFF8 —-  #CFCEC9 —-  #63635F

4) Palette 4

palette-couleurs-web-gris-2_13

#7C838B —-  #676F73 —-  #818A8C —-  #657273 —-  #838B8A

5) Palette 5

palette-couleurs-web-gris-2_16

#60768B —-  #4B5259 —-  #7F8A8C —-  #BFBDB8 —-  #F1EDEB

6) Palette 6

palette-couleurs-web-gris-2_20

#424146 —-  #777780 —-  #EFEEFE —-  #3C3B40 —-  #D7D6E6

7) Palette 7

palette-couleurs-web-gris-2_24

#46464C —-  #E2AF9C —-  #FEF7F9 —-  #A5A5AF —-  #80818A

8) Palette 8

palette-couleurs-web-gris-2_28

#FFFFFF —-  #464646 —-  #464646 —-  #353535 —-  #242424

9) Palette 9

palette-couleurs-web-gris-2_31

#818394 —-  #C1C1C1 —-  #353535 —-  #663835 —-  #783B37

10) Palette 10

palette-couleurs-web-gris

#E8F1F5 —-  #646769 —-  #ABB3B6 —-  #6F7476 —-  #4B4E50

Articles similaires

6 tendances webdesign pour 2015
views 114
Cette infographie, réalisée par l’agence TisIndia, présente 6 tendances webdesign pour 2015. 1) Le Responsive Design (indispensable en 2015 et dans les années à venir). 2) La Typographie (les polices de caractères seront simples, il faudra donc privilégier les «sans-sérifs). 3) Les Images (plus vos images seront grandes et nettes plus elles inciteront les internautes à rester. Attention à la ...
Les tendances du WebDesign en 2016 | Infographie
views 255
Cette infographie vous mettre les tendances du webdesign en 2016. On peut noter que le visuel est toujours aussi important avec les images en full-width. Le Split layout va aussi monter mais il ne s'appliquera pas à tous les environnements Cette infographie montre aussi que l'expérience utilisateur est au centre du web design.
10 exemples de palettes de couleurs pour vos sites web
views 3547
Le choix de la palette de couleurs est toujours délicat : harmonie des couleurs, lisibilité du texte, contraste entre les zones.... Cette liste de palettes pourra fournir une source d'inspiration pour la mise en place de vos maquettes web. ~ Inspiration 1 ~ ~ Inspiration 2 ~ ~ Inspiration 3 ~ ~ Inspiration 4 ~ ~ Inspiration 5 ~ ~ Inspiration 6 ~ ~ Inspiration 7 ~ ~ Ins...
Réussir les tests d’A/B testing grâce aux données | Infographie
views 143
1) Qu'est ce que l'A/B testing Il s’agit simplement de tester plusieurs versions de vos pages pour savoir laquelle d’entre-elles donne les meilleurs résultats : plus de ventes, plus d’inscriptions, plus de clics, etc… 2) Voici les astuces abordées dans cette infographie pour collecter les données  et définir un plan d'action 1) Analyse heuristique : Évalue les expériences du contenu et de l'...
Les 10 Commandements en Typographie
views 411
Vous allez commencer un nouveau site où vous désirez faire une refonte, vous allez alors certainement passer par l'étape :  quelle police de caractères vais-je utiliser. Avant de commencer vos recherches, n'hésitez pas à regarder cette illustration  (réalisée par DM DesignMantic) qui vous évitera de faire des erreurs.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *