Les 21 meilleures combinaisons de couleurs à essayer sur votre site Web [Guide à mettre en signet]

Lorsque vous planifiez l’apparence de votre nouveau site Web d’entreprise, vous devez décider des couleurs que vous voulez utiliser. Afin d’avoir un impact positif sur les visiteurs et d’augmenter les ventes, votre palette de couleurs doit renforcer votre marque, rendre votre site facile à lire et à naviguer, et – surtout – avoir une belle apparence.

Mais, trouver des couleurs qui  » ont de l’allure  » ensemble n’est pas aussi facile qu’il n’y paraît. De nombreux facteurs contribuent à la façon dont nous traitons la couleur à un niveau visuel et émotionnel. Cela rend difficile la création d’un schéma de couleurs de site Web efficace et original à partir de zéro, même si nous avons un certain sens intuitif des combinaisons de couleurs qui fonctionnent bien et de celles qui ne fonctionnent pas. Heureusement, vous n’avez pas besoin de réinventer la roue des couleurs pour construire un excellent site Web. Dans ce post, nous avons dressé une liste des 21 meilleures combinaisons de couleurs utilisées dans la conception web que vous pouvez essayer vous-même. Ainsi, vous pourrez éviter les débats entre collègues pour savoir si le vert et l’orange ont tous deux leur place sur votre page d’accueil, et faire un pas de plus vers le lancement.

Bien sûr, un groupe de noms de couleurs mystérieux n’est pas d’une grande aide sans les voir en action. (Qu’est-ce que « Pharlap », d’ailleurs ?)

Donc, pour chaque schéma, j’ai fourni un exemple visuel. Tous les exemples sont tirés de sites web plébiscités pour leur attrait visuel. N’hésitez pas à vous inspirer de ces sites pour votre palette de couleurs, votre mise en page et votre esthétique générale.

Rouge corail et viking

Codes hexagonaux : #F93943, #7EB2DD

Image Source

East Bay, Moon Raker et Ghost

Codes hexagonaux : #424874, #DCD6F7, #CACFD6

Image Source

Viking et Karry

Codes hexagonaux : #7EB2DD, #FFE8D4

Image Source

Tan Hide, Vermilion, et Acapulco

Codes hexagonaux : #F98866, #FF420E, #80BD9E

Image Source

Nepal, Ship Gray et Botticelli

Codes Ex : #90AFC5, #3E363F, #C4DFE6,

Source de l’image

Vert persan, bleu Vista, mauve et tournesol

Codes Hex : #00A6A6, #98DBC6, #F18D9E, #E6D72A

Source de l’image

Jaune souci, Glace froide et Bleu Vista

Codes hexagonaux : #F6E278, #BCF4F5, #98DBC6

Source de l’image

Epice, Toscane, Jaffa, Calico et Jaune métal

Codes hexagonaux : #6E352C, #CF5230, #F59A44, #E3C598, #6E612F

Source des images

Alto, Mandys Pink, Chestnut Rose et Stiletto

Codes hexagonaux : #D9D9D9, #F5B3B4, #D15656, #94353

Source des images

Café suisse, Goélette, Pharlap et Puits de mine

Codes hexagonaux : #E1DCD9, #8F8681, #A67F78, #3E3C3C

Source des images

Tulipier et Punga

Codes hexagonaux : #F2AB39, #563C16

Image Source

Swans Down, Monte Carlo et Observatoire

Codes hexagonaux : #D1EDE1, #7BC5AE, #028C6A

Image Source

Votre rose, votre douce-amère et votre cramoisi alizarine

Codes Hex : #FFC2C3, #FE7773, #EA3238

Image Source

Pampas, Votre Rose et Mélanie

Codes hexagonaux : #,F1EBE9, #FFC2C3, #E6CBDD

Image Source

Prairie de montagne et Magnolia

Codes Hex : #1B998B, #F8F1FF

Image Source

Terracotta, Gun Powder, Moon Raker, Acapulco et Manhattan

Codes Ex : #E07A5F, #3D405B, #DECDF5, #81B29A, #F2CC8F

Source de l’image

Doux-amer, Cosmos, Bleu-nil et Mouette

Codes hexagonaux : #FE7773, #FFD8D8, #194049, #87CEEB

Source des images

Malibu, Aero Blue, Picton Blue et Boston Blue

Codes hexagonaux : #4DD7FF, #AEFFF1, #32C3EE, #3B8FA1

Image Source

Navajo White and Vivid Tangerine

Codes Hex : #FFE0AC, #FF8C8C

Gris Colombe et Bleu Aéro

Codes hexagonaux : #666666, #B5FFE9

Image Source

Rouge Milano et Black Pearl

Codes Ex : #BA1200, #031927

Image Source

Ajouter une touche de couleur

Au départ, on pourrait penser que trouver la bonne combinaison de couleurs devrait être facile et intuitif. Après tout, nous voyons des utilisations efficaces de la couleur tout autour de nous, du design de marque, à l’art et au divertissement, en passant par les tenues à la mode. La vérité est que tous ces designs du monde réel ont été soigneusement planifiés, testés et au moins partiellement inspirés par des designs qui les ont précédés.

Créer le design de couleur parfait pour votre site web est un défi. Mais, en vous en tenant à l’un des schémas que je vous ai fournis, votre site servira d’autre bel exemple de conception Web de qualité en action.

.