Les meilleures Palettes de couleurs de site Web pour augmenter l’Engagement en 2020

le schéma de couleurs que vous avez choisi pour votre site web déclenche-t-il une réponse souhaitée? Vous trouvez-vous submergé par le nombre de palettes de couleurs de sites Web potentiels?

Tout le monde a des couleurs préférées qu’ils ont tendance à graviter vers quand il s’agit de leur travail ou autrement.,

Mais un designer qualifié comprend l’importance d’évaluer un schéma de couleurs basé sur la marque, la signification des couleurs et les produits ou services promus.

de bons choix de couleurs nécessitent une planification minutieuse.

ils peuvent influencer la façon dont un visiteur interprète ce qu’il voit autant que la mise en page et la typographie d’un site — et, lorsqu’ils sont bien faits, ils peuvent avoir un impact positif sur l’évaluation de la marque dans son ensemble par chaque visiteur.,

dans cet article, nous allons examiner pourquoi la sélection des bonnes couleurs pour votre site est importante, ainsi que 23 palettes de couleurs différentes de sites réels qui sont efficaces pour attirer l’attention des visiteurs.

Pourquoi votre palette de couleurs est-elle si importante?

Avant de nous lancer dans le processus de sélection d’un schéma de couleurs pour votre site, il est important de comprendre exactement pourquoi votre site web schéma de couleur importe tant.

Après tout, vous pensez peut-être que c’est le contenu qui importe vraiment. Et ce n’est pas faux.

les Gens de l’amour de contenu., Ils sont attirés par de nouvelles voix et des informations alléchantes, mais vous devez d’abord capter leur attention. C’est là que les palettes de couleurs du site web entrent en jeu.

Si vous choisissez le bon site de schéma de couleur, vous aurez l’occasion de souffler vos visiteurs avec votre contenu.

Voici comment:

créer une reconnaissance de marque

votre site est essentiellement la maison en ligne de votre entreprise.

cela signifie Qu’il doit être une représentation exacte de votre marque. Et au-delà, il doit être assez mémorables que les utilisateurs reviennent après leur première visite.,

Après tout, beaucoup de vos visiteurs ne seront pas prêts à effectuer un achat ou une autre conversion majeure lors de leur première visite — et ils doivent se souvenir de votre entreprise afin de revenir et de prendre ces mesures.

heureusement, la couleur augmente la reconnaissance de la marque de 80%.

donc, si votre entreprise a déjà un schéma de couleurs établi, il est essentiel de l’inclure dans la conception de votre site. Cela rendra beaucoup plus facile pour les visiteurs de le connecter immédiatement avec d’autres endroits où ils ont vu votre marque.,

de Plus, si votre palette de couleurs est cohérente sur l’ensemble de votre site, ils sauront qu’ils sont au bon endroit à leur retour, quelle que soit la page exacte sur laquelle ils atterrissent.

Au-delà de dire aux utilisateurs qui est votre entreprise, votre conception web joue également un rôle majeur dans les jugements instantanés des utilisateurs sur votre marque.

selon un sondage, 94% des répondants ont nommé la conception web parmi les principaux moteurs de la première impression du site web.

bien sûr, la conception web implique bien plus que la couleur.,

mais étant donné que la couleur est l’un des éléments les plus évidents sur votre site, et l’un des seuls qu’un utilisateur peut discerner dans ces 50 millisecondes initiales, votre palette peut faire ou casser l’évaluation de votre entreprise par un utilisateur.

façonner ce que les visiteurs pensent de votre site

dans une autre étude sur la façon dont les premières impressions des consommateurs sont formées, 90% des évaluations initiales sont basées sur la couleur seule.

dans une certaine mesure, la raison en est claire.

Après tout, la couleur est l’un des aspects les plus faciles d’une page à « comprendre., »Il peut être évalué presque instantanément et ne nécessite pas que les visiteurs évaluent la copie ou d’autres messages.

Mais il est également important de considérer le rôle que la psychologie de la couleur joue dans ces jugements instantanés.

de Nombreuses entreprises profitent de ces connexions, comme illustré par le logos dans le tableau suivant.

Par exemple, les marques qui veulent créer un sentiment de créativité et d’imagination ont tendance à incorporer du violet dans leurs images, tandis que les marques qui veulent établir un sentiment d’équilibre et de calme penchent vers le noir et blanc.,

cela se rattache directement à la « personnalité” que vous voulez que votre marque ait.

dans une étude sur la personnalité de la marque, Jennifer Aaker, psychologue et professeure à Stanford, a conclu que cinq dimensions fondamentales jouent un rôle dans la personnalité d’une marque:

Les Marques peuvent parfois mélanger des traits, mais pour la plupart, leur « personnalité” est centrée principalement sur Une entreprise qui vend du matériel de camping, par exemple, s’identifierait à la « robustesse”, tandis qu’une marque de mode pourrait viser la « sophistication., »

et comme vous pouvez le voir dans le graphique de logo ci-dessus, la couleur peut jouer un rôle majeur en montrant aux consommateurs la personnalité de votre marque.

bien que la plupart ne réalisent pas consciemment que le logo rouge d’une entreprise est conçu pour créer un sentiment d’excitation, elle peut toujours faire exactement cela.

et bien que chaque couleur puisse servir à créer un sentiment ou une réaction spécifique, certaines couleurs sont de meilleurs choix que d’autres pour la majorité des marques et des sites Web.

Par exemple, le bleu est souvent considéré comme le choix le plus sûr., C’est, en partie, parce que c’est la couleur « préférée” la plus courante parmi la majorité de la population.

En effet, 57% des hommes et 35% des femmes disent que c’est leur couleur préférée.

Donc, si vous voulez faire appel à un large public, cela pourrait être un excellent choix pour votre site. En fait, c’est peut-être pourquoi certains des sites les plus visités aujourd’hui, comme Facebook et Twitter, l’utilisent pour leurs logos et leur image de marque.

Il est également intéressant de noter que le bleu est également couramment associé à des sentiments de confiance, d’autorité et de fiabilité.,

mais cela ne signifie pas que c’est le meilleur choix pour chaque site. Tout dépend du sentiment que vous souhaitez transmettre à vos visiteurs.

par exemple, si votre marque est centrée sur la santé et le bien-être, le vert pourrait être une meilleure option pour créer cette association. Et si vous voulez exciter vos visiteurs et les inciter à agir rapidement, red pourrait être plus efficace pour vous aider à atteindre cet objectif.

alors, lorsque vous sélectionnez des couleurs pour votre site, considérez les réactions émotionnelles qu’elles peuvent entraîner chez vos visiteurs.,

par exemple, si vous essayez de créer un sentiment de tranquillité pour le site Web de votre studio de yoga, red pourrait ne pas être le meilleur choix — et il est préférable de le savoir avant d’investir de l’argent sérieux dans votre conception.

développer un sens de l’ordre

mis à part les réponses émotionnelles que les couleurs individuelles que vous choisissez peuvent évoquer, il est également nécessaire de considérer la façon dont les couleurs sur votre site interagissent les unes avec les autres.

La meilleure façon de le faire est de regarder quelques principes de base de la théorie des couleurs.,

Si vous avez déjà suivi un cours d’art ou regardé des ressources liées au design, vous avez probablement vu quelque chose de similaire à la roue chromatique dans le graphique ci-dessus.

Le concept le plus commun illustré dans cette roue est la relation entre les couleurs primaires (rouge, jaune et bleu) et les couleurs secondaires et tertiaires qui sont formées en les mélangeant.

Mais au-delà de cela, cette roue peut vous aider à créer une harmonie de couleurs ou un arrangement de couleurs visuellement agréable., Une palette de conception web harmonieuse peut vous aider à établir un sens de l’équilibre et de l’ordre.

Il existe trois types de schémas de couleurs largement acceptés que vous pouvez utiliser pour établir ce type d’harmonie: analogue, monochromatique et complémentaire.

un schéma de couleurs analogue est composé de couleurs qui tombent côte à côte sur la roue chromatique. C’est l’une des palettes les plus difficiles à bien faire car les couleurs peuvent facilement se surpasser.

cela étant dit, les jeux de couleurs analogues sont également parmi les plus dynamiques.,

donc, si vous voulez créer un site coloré et visuellement intéressant, vous pouvez bien faire avec une palette similaire aux trois exemples suivants:

Un jeu de couleurs monochromatiques tombe à l’extrémité opposée du spectre du type précédent. Comme son nom l’indique, il est composé d’une couleur principale, mais l’intensité et la luminosité des teintes varient.

ces palettes sont parmi les plus faciles à créer et les plus « sûres” à mettre en œuvre, car les nuances variables d’une même couleur s’entrechoquent rarement ou se sentent trop occupées.,

donc, si vous optez pour un look relativement simple sur votre site, un schéma de couleurs monochromatiques comme ces trois pourrait bien fonctionner pour votre marque:

enfin, une palette complémentaire se situe quelque part entre les schémas analogues et monochromatiques en termes de variété.

Il est composé de couleurs qui se trouvent directement en face de l’autre sur la roue chromatique. Ainsi, bien que cela implique plus de couleurs, ces couleurs se complètent naturellement et ne submergeront pas les visiteurs.,

Si vous souhaitez inclure une certaine variété dans votre jeu de couleurs sans faire paraître votre site trop occupé, un jeu de couleurs complémentaire comme celui-ci pourrait être le choix parfait:

bien sûr, ces trois ne sont pas les seuls types de jeux de couleurs que vous En fait, les meilleurs types de palette varient en fonction de qui vous demandez.

un schéma de couleurs triadique est l’une des principales options.

Ce schéma de couleurs consiste à utiliser trois couleurs situées à 120 degrés l’une de l’autre sur la roue chromatique., Dans le graphique ci-dessus, ces couleurs sont orange, vert et violet.

lorsque vous sélectionnez vos couleurs, n’oubliez pas que les types énumérés ci-dessus ne sont pas des règles définitives. Ils peuvent vous donner une idée générale de la sensation globale que vous souhaitez que votre site ait, mais ils ne sont en aucun cas les seuls moyens de créer une palette qui fonctionne pour votre marque.

quel que soit le type de palette que vous utilisez, vous pouvez l’utiliser pour créer une hiérarchie du contenu le plus important sur chacune de vos pages.,

faire ressortir certains éléments

Comme je l’ai mentionné dans la section précédente, une palette de couleurs définie peut être utile pour signifier que certains éléments sont importants.

Vous pouvez maximiser cet impact en gardant à l’esprit l’effet D’isolement lorsque vous déterminez comment utiliser votre schéma de couleurs sur vos pages.

L’idée générale derrière ce principe psychologique, c’est que plus un élément se distingue, plus il est susceptible d’être remarqué et de souvenir.,

assurez-vous que les couleurs que vous choisissez vous donnent la possibilité de faire certains appels à l’action se démarquer sur vos pages sans entrer en conflit avec le reste de votre conception.

Cette approche est en ligne avec la plupart des préférences des consommateurs, aussi.

dans deux études, réponse esthétique aux combinaisons de couleurs et préférences des consommateurs pour les combinaisons de couleurs, les chercheurs ont constaté que si les consommateurs préfèrent les combinaisons de couleurs avec des nuances similaires, ils privilégient également les palettes avec une couleur d’accent très contrastée.,

la première étude a montré que « la préférence de paire et l’harmonie augmentent à mesure que la similitude de teinte augmente. »Mais », bien que les paires avec des teintes très contrastives ne soient généralement jugées ni préférables ni harmonieuses, les cotes de préférence de couleur figurative augmentent à mesure que le contraste de teinte avec l’arrière-plan augmente. »

dans la deuxième étude, les chercheurs ont constaté que, « les gens aiment généralement combiner des couleurs qui sont relativement proches ou correspondent exactement, à l’exception que certaines personnes mettent en évidence un composant de produit de signature en utilisant la couleur contrastive., »

donc, bien que votre couleur d’accent devrait avoir un fort contraste, ce n’est pas grave — et même préférable — si le reste de votre palette est composé de nuances relativement similaires.

cela signifie que la création de palettes de conception web qui incluent une couleur d’accent forte et accrocheuse est non seulement efficace pour isoler certains éléments, mais est également un excellent moyen de créer une combinaison que beaucoup de vos visiteurs aimeront.

simplifiez les décisions liées à la conception

lorsqu’il s’agit de gérer un site web ou une entreprise (ou les deux!), c’est toujours une bonne idée de chercher des moyens de simplifier les processus de base.,

Après tout, moins vous passez de temps sur les tâches de base, plus vous aurez de temps à consacrer aux processus et aux décisions qui ont un impact plus important sur votre succès.

et l’établissement de palettes de conception web est un excellent moyen de réduire le temps nécessaire à la création de nouvelles pages. Lorsque vous avez un schéma de couleurs établi, vous faites des choix de conception de base beaucoup plus facile, à la fois pour vous-même et pour vos concepteurs et développeurs.,

cela est particulièrement vrai si vous prenez le temps de documenter votre palette d’une manière facile à utiliser comme l’a fait cette entreprise:

lorsque vous créez un document convivial de votre palette, vous fabriquez une ressource en un coup d’œil avec toutes les options possibles pour chaque élément.

de cette façon, si vous (ou vos concepteurs) avez du mal à déterminer la couleur à utiliser pour un bouton CTA, vous pouvez simplement référencer le document pour obtenir une liste complète de vos options.,

donc, au lieu de creuser votre cerveau pour toutes les différentes possibilités, vous pouvez choisir parmi une liste prédéfinie de couleurs. Et une fois que vous en avez sélectionné quelques-uns à utiliser ou à tester, tous les codes hexadécimaux et RVB sont déjà devant vous.

combien de couleurs devez-vous incorporer?

tout dépend de la complexité de votre conception et les types de combinaisons de couleurs. Par exemple, si vous utilisez une palette de conception web monochromatique, vous pourriez avoir besoin de sept nuances ou même plus de cette couleur pour capturer suffisamment de variété à l’écran.,

vous voudrez spécifier des couleurs pour des parties spécifiques de votre site, telles que du texte, des arrière-plans, des liens, des couleurs de survol de lien, des boutons CTA et des en-têtes.

Comment choisir un jeu de couleurs de site web

Si vous ne savez pas comment sélectionner les meilleures palettes de couleurs de conception web, regardez cette vidéo que j’ai créée. Il vous guide à travers des conseils pratiques pour choisir un schéma de couleurs de site web.

idéalement, les palettes de couleurs des sites web reflètent les valeurs, les croyances et le but d’une entreprise., Les couleurs fortes peuvent indiquer une atmosphère moins formelle et plus d’excitation, tandis que les couleurs tamisées donnent une note plus sophistiquée ou formelle à l’entreprise.

Mais ce n’est pas toujours facile à traduire lorsque vous regardez des milliers de combinaisons de couleurs potentielles. Regardons 23 grandes palettes de couleurs de site web qui peuvent vous aider à augmenter l’engagement.

16 grandes Palettes de couleurs de site Web pour augmenter L’Engagement (2020)

Les sites suivants utilisent diverses palettes de couleurs de site web à grand effet. Ils sont soigneusement choisis pour les émotions qu’ils évoquent et les sentiments qu’ils véhiculent.,

mea Cuppa

le site Web de Mea Cuppa utilise une palette de couleurs agréable pour les yeux qui incorpore quelques tons de bijoux (rubis et émeraude) pour une vivacité maximale, mais s’appuie sinon sur une palette neutre et monochromatique de bruns et de gris.

la palette de conception web évoque une sensation de café et se reflète dans l’image du héros du site, ce qui crée une cohésion.

Le Big Top

BigTop est une communauté qui se consacre à aider les startups réseau., Le site utilise une combinaison inhabituelle mais extrêmement accrocheuse de tons de bijoux qui vont du violet et du bleu à l’orange vif et au jaune.

Les couleurs primaires sont toutes des couleurs froides, ce qui rend les couleurs plus chaudes pop. Vous remarquerez dans la capture d’écran de la page d’accueil que le CTA orange et jaune attire votre attention avant toute autre chose.

Tori Oeil

Notre troisième exemple est celui de Twitter un outil de visualisation Tori de l’Œil. C’est un excellent exemple de la plupart monochromatique couleurs., Ici, nous voyons les effets d’une palette de couleurs simple mais puissante centrée autour des nuances de vert.

Ce jeu de couleurs est souvent facile à retirer, comme une nuance de couleur sera presque toujours travailler avec une autre teinte de la même couleur.

BarkBox

La couleur rose dominante sur la page D’accueil de BarkBox est répétée sur tout le site dans différentes nuances. Il contraste magnifiquement avec la couleur bleue utilisée dans les logos et les CTA sur tout le site.,

L’utilisation de couleurs complémentaires pour attirer l’attention des visiteurs là où vous le souhaitez peut aider à améliorer n’importe quelle palette de couleurs de site web.

Fromage Kit de Survie

Rouge est extrêmement populaire couleur pour un site web palette de couleurs. Il peut transmettre un riche mélange d’émotions, ce qui le rend très polyvalent. Il est particulièrement puissant lorsqu’il est utilisé à petites doses, comme vous le voyez sur le site Web de Cheese Survival Kit.,

Le Rouge est tempéré avec des couleurs plus neutres, et le bleu aide à emballer un coup de poing pour les CTA et d’autres domaines où l’entreprise veut attirer le regard du visiteur.

Nordique Ruby

Nordique Ruby, une conférence à Stockholm, a un beau site web conçu dans de riches tons de pierres précieuses. Les couleurs choisies pour cette palette de couleurs de site web lui confèrent une sophistication et le distinguent des conceptions moins percutantes.,

Lake Nona

le Lac Nona est un site web pour un endroit précis — plus précisément l’un près de l’eau. Par conséquent, il n’est pas surprenant de voir une couleur bleue représentée ici. Les autres couleurs neutres laissent le bleu se démarquer bien.

LemonStand

Encore une fois, il n’est pas surprenant qu’une société nommée Citron Stand aurait jaune dans son site web une palette de couleurs. Les bleus et les gris se marient bien avec le jaune et aident à tempérer sa luminosité.,

Mint

à la Menthe est un site dédié à la finance, de sorte que l’utilisation de verts et de bleus sont de bons choix. Ils aident à transmettre le calme, la tranquillité et la confiance. Les nuances neutres de la famille brown en font une palette de couleurs terreuses qui apaise les sens.

Odopod

Odopod va avec le ton monotone de la palette de couleurs, mais permet d’éviter la recherche ennuyeux avec un dégradé sur sa page d’accueil., La grande typographie offre un excellent contraste, et il est évident où ils veulent que vous cliquiez.

Fiverr

Vous remarquerez que de nombreuses entreprises réserve une couleur spécifique — dans le cas de Fiverr, vert — exclusivement pour les Dec. Il n’apparaît pas ailleurs sur le site. En fait, il n’a même pas été repris par ColorFav car il est dominé par les couleurs plus neutres.,

école de photographie numérique

vous vous attendriez à ce qu’une entreprise centrée sur les arts graphiques ait une palette de couleurs de site web dominante, et L’école de photographie numérique ne déçoit pas. Les couleurs vibrantes aident à attirer le spectateur. Et, tout comme Fiverr, l’orange utilisée dans le CTA n’apparaît même pas sur la palette du site car elle est utilisée avec parcimonie pour l’impact.,

Ahrefs

Ahrefs est un exemple d’un site web qui utilise sa palette de couleurs généreusement. Un bleu plus foncé Sert de couleur dominante, mais des variations existent dans tout le site. Il en va de même pour les couleurs orange, rose et sarcelle.

Millo.co

Millo.co utilise un simple site web de la palette de couleurs, et c’est mieux pour elle. Nous savons exactement où regarder lorsque nous visitons un site comme celui-ci.,

Brian Gardner

Certaines entreprises et particuliers prendre du monochromatique palette de couleurs à l’extrême. Brian Gardner, concepteur web, utilise un schéma de couleurs noir et blanc qui fonctionne parfaitement. Il est basé sur sa marque de minimalisme, donc il reflète ses valeurs et ses croyances.

Métier

des couleurs Douces peuvent bien travailler quand vous voulez mettre le visiteur à l’aise. Loom utilise des doses libérales de saumon et de bleu bébé., Cela fonctionne bien, en particulier avec la couleur bleue plus foncée disponible pour les CTA et d’autres éléments importants sur la page.

Une Liste Pratique de Ressources pour le Prélèvement, le Site Parfait Palette de Couleurs

Voici 18 de la palette de couleurs des ressources vous avec la palette parfaite pour votre site web.

tout d’Abord, vous avez besoin d’inspiration?

1: BrandColors

BrandColors vous montre comment les grandes marques utilisent la couleur pour différencier leurs entreprises, raconter leurs histoires de marque et faire savoir à leurs clients ce qu’elles représentent., Vous pouvez faire défiler par ordre alphabétique une liste de sociétés, d’organisations à but non lucratif et de startups, ou effectuer une recherche par nom de marque.

Vous cherchez une palette prête à l’emploi?

2: ColourLovers

ColourLovers est un site de forum pour la conception de palettes, avec près de 2 millions de palettes soumises par ses utilisateurs. Vous pouvez rechercher des « palettes qui incluent cette couleur », parcourir ou suivre les concepteurs. Souvent, vous trouverez des variantes de la même palette, vous donnant des options de teinte et de saturation prêtes à l’emploi.

(avec lunatique noms.,)

3: ColoRotate

ColoRotate est livré avec une bibliothèque de schémas de couleur, vous pouvez parcourir, sélectionner et modifier. Si vous voulez construire votre propre à partir de zéro, vous pouvez, avec un outil de couleur 3D. Et vous pouvez utiliser le schéma que vous avez créé directement dans PhotoShop ou Fireworks, avec le plugin ColorRotate et l’application iPad.

correspond à votre image de marque

Mais que se passe – t-il si vous avez déjà des images, des logos ou une image de marque que les couleurs de votre site web doivent correspondre?,

4: Couleur Hunter

Couleur Hunter n’est pas un outil avec une vaste gamme de fonctionnalités, comme le tout-en-un centrales sur cette liste. Au lieu de cela, c’est une solution solide pour une chose: traquer une couleur particulière. Allez sur le site, puis déposez une image et l’outil créera une palette pour vous à partir de l’image. C’est un moyen solide de créer des palettes de couleurs autour des images avec lesquelles votre site doit s’harmoniser, et vous pouvez également l’utiliser pour désosser les palettes de sites dont vous aimez l’apparence.,

5: Pictaculous

Pictaculous génère des palettes de couleurs à partir de photos – téléchargez une photo et Pictaculous suggérera des couleurs pour la faire correspondre. En plus de vous offrir une palette basée sur la photo que vous téléchargez, Pictaculous offrira des jeux de couleurs prêts à l’emploi qui correspondent.

ces outils généreront des palettes de couleurs entières.

6: roue chromatique Adobe Color CC

Cet outil était connu sous le nom D’Adobe Kuler, et il a commencé comme un site de comparaison de couleurs de base. Maintenant, c’est un système de construction de palette de couleurs à pleine puissance., Il vous permet d’essayer, de comparer et d’enregistrer des combinaisons de couleurs basé sur une sphère de couleur. Vous pouvez choisir des types de palette et générer des palettes de cinq couleurs avec différents niveaux d’entrée à partir de l’outil, y compris entièrement personnalisé et quasi automatique.

7: Paletton

Paletton vous permet de créer une palette de couleur rapide. Sélectionnez le schéma que vous souhaitez: mono, complémentaire, triadique, tétradique, analogue ou accentué analogue. Ensuite, lorsque vous changez une couleur dans le schéma, les autres changent pour la faire correspondre.,

8: Couleur de la Flèche

Couleur Spire construit vous une palette de couleurs à partir d’une seule couleur. Vous sélectionnez une couleur de départ, et Color Spire suggère une palette de couleurs à utiliser en combinaison avec elle. Il fournit également un aperçu, vous permettant de voir à quoi ressembleraient les couleurs recommandées dans un exemple de site web.

9: Mudcube Color Sphere

(Source:http://htmlcolorcodes.com/resources/best-color-palette-generators/)

La Color Sphere de MudCube est un plugin Chrome qui vous aide à harmoniser les couleurs, à contrôler le daltonien et à identifier les codes hexadécimaux., Vous pouvez également exporter des schémas de couleurs directement dans Illustrator, PhotoShop et CoIRD.com.

10: Cohesive Colors

Cohesive Colors prend votre palette actuelle et vous permet de la manipuler, en ajoutant une teinte de superposition dans la couleur de votre choix et en générant une nouvelle palette à partir d’une palette existante rapidement et facilement.

11: Hex Color Scheme Generator

Cet outil vous permet de générer des couleurs qui fonctionnent en combinaison avec une couleur que vous avez déjà. C’est un peu plus basique que certains des outils de sphère de couleur de cette liste., Vous collez un numéro hexadécimal dans l’outil ou cliquez sur la roue chromatique, et il revient avec un ensemble de 3 couleurs supplémentaires qui correspondent, avec des codes hexadécimaux.

construire vos couleurs

certains de ces outils ont besoin que vous ayez une couleur à l’esprit pour commencer. Si vous n’avez pas de marque, vous devez faire correspondre, et BrandColors ne vous a rien montré qui a attiré votre attention, vous pouvez commencer à partir de zéro.,

12: L’Application Couleur

cet outil iOS vous permet de prendre de bonnes décisions entre des couleurs similaires, en les exposant clairement avec un peu d’espace entre elles plutôt que dans des dégradés, comme dans les roues de couleur et les sphères. De grandes grilles de couleurs vous permettent d’utiliser tout votre écran (utilisateurs iPad Pro, réjouissez-vous!) et il vous permet également d’échantillonner les couleurs, de trouver des valeurs RVB, hexadécimales et HSLA et de créer des palettes de couleurs à partir de zéro.,

13: Couleur

la Couleur, par HailPixel, vous permet de vraiment cerner exactement la couleur que vous voulez, puis vous donne le code Hexadécimal pour elle.

passez la souris sur l’écran et la couleur change très légèrement lorsque vous vous déplacez – c’est comme une sphère de couleur qui revient constamment en codes hexadécimaux. Déplacez-vous à travers l’écran pour la couleur, de haut en bas pour la saturation.

Obtenir les Codes d’une Couleur

Si vous avez vu une couleur quelque part et vous ne savez pas exactement comment l’appeler, ce sont les outils pour vous.,

14: SpyColor

SpyColor vous donne des informations sur n’importe quelle couleur, y compris les codes Hex, RVB, CMJN et autres. L’outil vous montre la gamme de types de schéma comme complémentaire, split-complémentaire, triadic, clash et analogue, sur chaque page couleur.

15: codes couleurs HTML

codes couleurs HTML trouve les codes hexadécimaux pour les couleurs d’image dans votre navigateur. Vous sélectionnez une image sur votre bureau et cliquez sur « Afficher l’image », puis passez la souris dessus pour obtenir des codes hexadécimaux pour les différentes parties de l’image.,

Testez votre Palette

Une fois que vous avez une palette de couleurs en place, vous devez savoir si elle va fonctionner pour une variété de visiteurs.

16: Check my Colours

Check my Colours vous permet de vérifier les couleurs de premier plan et d’arrière-plan de votre palette de couleurs, en vous assurant qu’elles offrent un contraste suffisant pour une personne ayant des déficits de couleur. Si vous souhaitez protéger votre site contre le daltonien ou simplement obtenir les combinaisons de couleurs les plus efficaces et les plus intuitives du point de vue UX, cet outil est inestimable., Déposez une URL et elle crache un rapport:

that qui passe essentiellement par tout le code de votre site et classe tous les éléments visuels en termes de visibilité.

images correspondantes

maintenant que votre palette de couleurs est en place et que vous savez qu’elle est super visible, vous aurez besoin de quelques images pour correspondre.

17: TinEye

TinEye est mieux connue comme une alternative à la Recherche d’Images de Google., Mais il fonctionne également comme un moyen d’explorer les combinaisons de couleurs, en utilisant une base de données de plus de 10 millions de photographies de licence Creative Commons récoltées à partir de Flickr. Si vous recherchez des images dans la combinaison de couleurs parfaite, c’est un excellent moyen facile à utiliser de les rechercher.

18: Designspiration

Designspiration vous permet de sélectionner jusqu’à cinq teintes à partir d’une page complète de la palette, ce qui vous donne la possibilité de voir les couleurs clairement. Ensuite, le site affiche toutes les images de sa base de données avec cette combinaison de couleurs., Il vous montre clairement les numéros hexadécimaux et vous permet de cliquer sur des numéros hexadécimaux individuels. Vous pouvez enregistrer des images dans des collections sur le site ainsi que les télécharger.

comment utiliser un outil de comportement de site Web pour analyser les meilleures Palettes de couleurs

vous pourriez penser que tout ce que vous avez à faire est de choisir une palette de couleurs de site web et d’avancer à toute vapeur. Ce n’est pas la meilleure façon d’aller sur les affaires.

Pense à ce sujet. Vous testez vos CTA, titres et autres éléments du site web. Pourquoi la couleur devrait-elle être différente?,

un outil d’analyse de comportement de site Web comme Crazy Egg offre l’occasion idéale de comprendre comment votre public répond à votre palette de couleurs actuelle.

Les rapports de comportement des utilisateurs tels que heatmaps vous indiqueront si vos couleurs attirent les yeux des personnes qui comptent le plus — vos clients actuels et potentiels.

lorsque vous avez des données brutes entre vos mains, vous pouvez prendre des décisions éclairées sur la palette de couleurs de votre site web.,

Imaginez que vous ayez créé un site web pour un public d’amateurs de sport et que vous ayez choisi les couleurs bleu et rose ainsi que quelques gris neutres. Votre public n’aime pas ça.

peut-être que cela ne transmet pas assez bien votre image. Les amateurs de sport pourraient aimer les couleurs plus audacieuses et plus foncées et les tons terreux.

Vous ne saurez pas jusqu’à ce que vous testez.

commencez à utiliser Crazy Egg

créez un compte Crazy Egg gratuit pour commencer votre essai gratuit ou connectez-vous pour configurer vos rapports de comportement utilisateur.

Vous pouvez exécuter plusieurs tests en même temps afin de ne pas perdre des heures, des jours ou des semaines., Au lieu de cela, vous pouvez capturer des données en temps réel et recentrer vos efforts sur la recherche de la meilleure palette de couleurs possible.

Conclusion

La palette de couleurs de votre site Web doit non seulement refléter votre marque, mais également plaire à votre public. Sinon, les gens pourraient être désactivés par votre site sans même s’en rendre compte.

commencez par ce que vous aimez. Pensez à choisir une palette différente des autres dans votre créneau afin de vous démarquer. Ensuite, commencez les tests.

Il est facile de changer les couleurs de votre site. Si vous connaissez HTML, vous pouvez modifier les codes hexadécimaux dans vos fichiers de thème manuellement., De nombreux thèmes WordPress sont également livrés avec des personnalisateurs qui vous permettent de changer les couleurs sans connaître de code.

Donnez-vous la possibilité de rendre votre site attrayant et mémorable que possible.