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

Quatre principes essentiels pour un bon design web | Infographie
views 139
L'agence Hero de Pixela crée une infographie répertoriant les quatre principes essentiels pour un bon design: - la lisibilité du contenu textuel - la navigation, - la palette des couleurs, - les images Avant de vous lancer dans votre projet projet, n'hésitez pas à jeter un coup d'oeil à cette infographie.
10 Polices de Caractères Cursives Gratuites pour vos sites web
views 732
Voici une sélection de 10 typographies cursives gratuites  pour agrémenter vos sites web 1) Sofia - Télécharger le fichier -  ---------------------- 2) Short Stack - Télécharger le fichier -  ---------------------- 3) Redresses - Télécharger le fichier -  ---------------------- 4) Pacifico - Télécharger le fichier -  ---------------------- 5) Happy Fox - Télécharger le fich...
Apprendre à utiliser les JPEG, GIF, ou PNG | Infographie
views 230
Cette infographie met en avant les 3 formats d'images numériques les plus utilisés sur internet.  JPG (ou JPEG) : Format idéal pour les photos et les illustrations compliquées. Contient des millions de couleurs. La Compression de l’image se fait avec une perte de qualité qui va de 0% à 99% (à choisir pour chaque image en fonction de son poids final).  GIF : Très pratique pour les dessins et im...
Les 10 Commandements en Typographie
views 353
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.
Déménager son site sans perdre son référencement
views 705
Vous avez décidé de migrer votre site internet mais vous avez peur de perdre votre référencement ? Dans ce cas je vous conseille de jeter un oeil à cette infographie (réalisé par Web et Solutions) qui propose une check-list des points importants à mettre en place lorsqu'on effectue une migration de site. Quels sont les risques d'une mauvaise migration de site ?  Perte de référencement ...

Laisser un commentaire

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