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

Le design du bouton « ajouter au panier » et le taux de conversion
views 1385
Le site PerceptionIT met en avant l'impact que peut avoir le bouton "ajouter au panier" à travers une infographie. - les boutons de couleur rouge et vert convertissent le mieux, - les boutons aux formes arrondies ont plus d'impact, - le terme « ajouter au panier » est plus efficace que « acheter maintenant », - la taille du bouton moyen serait de 150px sur 30px.
Les tendances du WebDesign en 2016 | Infographie
views 256
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.
Comment faire une page contact parfaite ?
views 175
Une page contact est utilisée sur un site web pour permettre l’interaction entre les visiteurs et le webmaster du site. Il permet au visiteur de demander un devis ou être contacté par un vendeur. Le formulaire de contact est un enjeu important pour les sociétés possédant un site web car il permet de transformer un simple visiteur en prospect qualifié voir en client. Cette infographie abor...
Les bases de la typographie – Indispensable pour les Webdesigners
views 352
La typographie joue un rôle majeur dans le design et la lisibilité d'un site web. Même si un webdesigner n'est pas un typographe, il me semble important d'avoir quelques notions. Cette infographie met en avant et de manière compréhensive, les bases à avoir :
6 éléments important pour un mailing parfait
views 265
Cette infographie, réalisée par le site alesiacom.com met en avant la structure idéale pour un emailing parfait. Elément n°1: l'en-tête - c'est le 1er élément que le destinataire voit une fois qu'il a ouvert votre mail. Elément n°2: le corps du mail - il doit être facilement compréhensible, personnalisé et de taille raisonnable Elément n°3: éléments de réassurance -  satisfait ou rembou...

Laisser un commentaire

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