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

Réussir les tests d’A/B testing grâce aux données | Infographie
views 154
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'...
70 astuces pour améliorer l’efficacité de son blog
views 189
Cette infographie, réalisée par par le site Market Inspector met en avant 70 astuces qui permettent de rendre son blog plus efficace ? Les thèmes abordés sont : le SEO l'attitude le contenu la cible la mise en page le réseau
10 Typographies Gratuites pour les textes de vos sites web
views 156
Dans cet article, je vous propose  une petite sélection de 10 polices gratuites pour agrémenter vos textes dans les sites web 1) BRELA - De Makarska Estudio (behance) Télécharger le fichier 2) CAMBO  - De Carolina Giovagnoli and Andrés Torresi Télécharger le fichier 3) FENIX  - De Fernando Dias Télécharger le fichier 4) GHANDI SANS - de Librerias Gandhi S.A. de C.V. Tél...
4 combinaisons typographiques élégantes et féminines gratuites pour vos sites web
views 2775
Voici un exemple de 4 combinaisons élégantes et féminines que vous pouvez utiliser pour votre site internet Vous pouvez les trouver sur le site de Google Fonts Combinaison 1 : Josefin Sans + Merriweather Combinaison 2 : Playfair Display + Lora Combinaison 3 : Old Standard + Gudea Combinaison 4 : Playball + PT sans ==============================================...
Quatre principes essentiels pour un bon design web | Infographie
views 153
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.

Laisser un commentaire

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