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.
Meilleurs schémas de couleurs pour les sites Web & Combinaisons
- Rouge corail et Viking
- Baie Est, Moon Raker, et Ghost
- Viking et Karry
- Tan Hide, Vermilion, et Acapulco
- Botticelli, Nepal, et Ship Gray
- Vert persan, Bleu Vista, Mauvelous, et Sunflower
- Jaune marigold, Ice Cold, et Bleu Vista
- Epice, Toscane, Jaffa, Calico, et Yellow Metal
- Alto, Mandys Pink, Chestnut Rose, Stiletto
- Swiss Coffee, Schooner, Pharlap, et Mine Shaft
- Tulipier et Punga
- Swans Down, Monte Carlo, et Observatory
- Your Pink, Bittersweet, et Alizarin Crimson
- Pampas, Your Pink, et Melanie
- Mountain Meadow et Magnolia
- Terracotta, Gun Powder, Moon Raker, Acapulco, et Manhattan
- Bittersweet, Cosmos, Nile Blue, et Seagull
- Malibu, Aero Blue, Picton Blue, et Boston Blue
- Navajo White et Vivid Tangerine
- Dove Gray et Aero Blue
- Milano Red et Black Pearl
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
-3.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-3.jpeg)
Image Source
East Bay, Moon Raker et Ghost
Codes hexagonaux : #424874, #DCD6F7, #CACFD6
-Aug-13-2020-01-02-53-70-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-53-70-PM.jpeg)
Image Source
Viking et Karry
Codes hexagonaux : #7EB2DD, #FFE8D4
-1.png?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-1.png)
Image Source
Tan Hide, Vermilion, et Acapulco
Codes hexagonaux : #F98866, #FF420E, #80BD9E
-Aug-13-2020-01-02-55-13-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-55-13-PM.jpeg)
Image Source
Nepal, Ship Gray et Botticelli
Codes Ex : #90AFC5, #3E363F, #C4DFE6,
-Aug-13-2020-01-02-54-32-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-54-32-PM.jpeg)
Source de l’image
Vert persan, bleu Vista, mauve et tournesol
Codes Hex : #00A6A6, #98DBC6, #F18D9E, #E6D72A
-Aug-13-2020-01-02-54-49-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-54-49-PM.jpeg)
Source de l’image
Jaune souci, Glace froide et Bleu Vista
Codes hexagonaux : #F6E278, #BCF4F5, #98DBC6
-Aug-13-2020-01-02-54-79-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-54-79-PM.jpeg)
Source de l’image
Epice, Toscane, Jaffa, Calico et Jaune métal
Codes hexagonaux : #6E352C, #CF5230, #F59A44, #E3C598, #6E612F
-4.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-4.jpeg)
Source des images
Alto, Mandys Pink, Chestnut Rose et Stiletto
Codes hexagonaux : #D9D9D9, #F5B3B4, #D15656, #94353
-1.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-1.jpeg)
Source des images
Café suisse, Goélette, Pharlap et Puits de mine
Codes hexagonaux : #E1DCD9, #8F8681, #A67F78, #3E3C3C
-Aug-13-2020-01-02-53-32-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-53-32-PM.jpeg)
Source des images
Tulipier et Punga
Codes hexagonaux : #F2AB39, #563C16
.png?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update).png)
Image Source
Swans Down, Monte Carlo et Observatoire
Codes hexagonaux : #D1EDE1, #7BC5AE, #028C6A
-Aug-13-2020-01-02-53-44-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-53-44-PM.jpeg)
Image Source
Votre rose, votre douce-amère et votre cramoisi alizarine
Codes Hex : #FFC2C3, #FE7773, #EA3238
-Aug-13-2020-01-02-54-95-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-54-95-PM.jpeg)
Image Source
Pampas, Votre Rose et Mélanie
Codes hexagonaux : #,F1EBE9, #FFC2C3, #E6CBDD
-Aug-13-2020-01-02-55-49-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-55-49-PM.jpeg)
Image Source
Prairie de montagne et Magnolia
Codes Hex : #1B998B, #F8F1FF
-Aug-13-2020-01-02-55-31-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-55-31-PM.jpeg)
Image Source
Terracotta, Gun Powder, Moon Raker, Acapulco et Manhattan
Codes Ex : #E07A5F, #3D405B, #DECDF5, #81B29A, #F2CC8F
.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update).jpeg)
Source de l’image
Doux-amer, Cosmos, Bleu-nil et Mouette
Codes hexagonaux : #FE7773, #FFD8D8, #194049, #87CEEB
-Aug-13-2020-01-02-53-56-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-53-56-PM.jpeg)
Source des images
Malibu, Aero Blue, Picton Blue et Boston Blue
Codes hexagonaux : #4DD7FF, #AEFFF1, #32C3EE, #3B8FA1
-Aug-13-2020-01-02-54-03-PM.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-Aug-13-2020-01-02-54-03-PM.jpeg)
Image Source
Navajo White and Vivid Tangerine
Codes Hex : #FFE0AC, #FF8C8C
Gris Colombe et Bleu Aéro
Codes hexagonaux : #666666, #B5FFE9
-2.jpeg?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-2.jpeg)
Image Source
Rouge Milano et Black Pearl
Codes Ex : #BA1200, #031927
-2.png?width=750&name=The%2021%20Best%20Color%20Combinations%20to%20Try%20on%20Your%20Website%20%5BBookmarkable%20Guide%5D%20(update)-2.png)
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.
.