5 conseils et 11 sites pour harmoniser les couleurs d’un site

Le design et les couleurs sont la première chose qu’un visiteur regarde sur un site web. Harmoniser les couleurs n’est pas si simple qu’il y paraît. Cet article vous présente quelques conseils et des outils simples en ligne, qui vous permettront d’harmoniser les couleurs de vos pages web.

palette de couleur site

5 Conseils pour harmoniser les couleurs d’une page Web ?

Si vous faites aux couleurs des sites, vous remarquerez qu’une seule couleur est prédominante. C’est la couleur principale du thème. Elle marque le site comme une empreinte qui le caractérise. Les pages ne sont jamais ou rares exceptions des patchwork de multiples couleurs. C’est un point important.

Conseil n°1 : choisir une seule couleur principale.

Vous remarquerez également, que cette couleur principale se décline en une série de nuances plus ou moins claires. Chaque nuance ayant souvent un fonction : mettre en avant masquer, attirer l’oeil etc.

Conseil n°2 : décliner la couleur principale en nuances adaptées.

Enfin, vous remarquerez qu’à part la couleur principale, un thème renferme une ou deux autres couleurs, beaucoup moins présentent. La couleur complémentaire peut être utilisée en petites touches pour rehausser le thème ou la page.

Conseil n°3 : utilisez au maximum deux autres couleurs, à petite dose. La couleur complémentaire peut être appropriée.

La couleur complémentaire d’une couleur se trouve à l’opposé de celle-ci sur le disque des couleurs.

Exemple : le rouge est la couleur complémentaire du vert

cercle couleurs

 

La question qui vient ensuite, est de savoir quelle couleur principale choisir pour son thème ou sa page ?

Comme la vie réelle, internet suit des modes. Ainsi, les sites noirs qui étaient en vogue il y a quelques années, ne le sont plus aujourd’hui. La mode est plutôt au blanc sobre. Google et ses thèmes épurés, voire austères, n’y est peut-être pas pour rien. L’oeil de l’internaute s’habitue à ces couleurs et les apprécie lorsqu’il les rencontre. Vouloir aller à contre le courant est souvent un pari risqué.

Conseil n°4 : choisissez des couleurs actuelles, que vous rencontrez souvent sur internet.

Pour terminer avec ces modestes conseils. Il ne faut pas négliger la lisibilité. Je suis certain que vous êtes déjà tombé sur le site illisible écrit en jaune sur fond bleu. Il faut alors une très bonne vue et beaucoup de bonne volonté pour lire l’article en détail. C’est le contre exemple à ne pas suivre. Si le fond est blanc, utilisez des caractères noirs ou à fort contraste. Dans tous les cas privilégiez la lisibilité.

Conseil n°5 : Choisissez des couleurs de  textes lisibles, qui ne font pas mal aux yeux.

11 sites pour harmoniser les couleurs d’un site.

Pour choisir la couleur de son site ou de son thème et décliner ses nuances sans se casser la tête, il existe des outils en ligne très pratiques. Ils vous permettront en plus d’obtenir le code hexadécimal de ces couleurs pour les intégrer au CSS de votre site ou blog. Croyez-moi cela vous fera gagner beaucoup du temps.

  • Color Scheme Designer : un des meilleurs outils de palette en ligne. En deux coups de cuillère à pot vous obtenez les codes des couleurs qui vous intéressent.
  • kuler : une infinité de palette prédéfinies. Un très bon outil.
  • Info Hound : un outil très simple, efficace  et rapide qui vous aidera beaucoup dans vos choix.
  • Color Blender : dans le même état d’esprit, simple et efficace. Intéressant.
  • Color Match : un outil du même genre que le précédent, très bien également.
  • Color Schemer : permet d’approfondir le choix des couleurs. Il existe une version PC de cette palette.
  • Colorbe : une grande série de palettes.
  • Slayeroffice : une palette avec dégradés.

Pour terminer une série de palettes pour adapter les couleurs aux photos. Il suffit de uploader la photo.

Les recherches qui vous ont mené ici

  • comment harmoniser les couleurs (2)
  • disque des couleurs (1)
  • harmonisation couleurs (1)
Ces articles pourraient vous intéresser :
2 Comments

Add a Comment

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

Lire plus :
logo pdf
11 sites pour convertir les PDF dans tous les formats

Les fichiers PDF sont très pratiques pour internet. Mais ils sont parfois difficiles à manipuler. Pour convertir les PDF en...

firebug firefox
3 extensions Firefox indispensables pour les Webmasters.

Voici 3 extensions Firefox indispensables pour les Webmasters et plus généralement les développeurs Webs. Elles ont été longtemps les seules...

ymlp
Autorépondeur : une alternative gratuite et en français à AWeber.

Vous êtes à la recherche d'un autorépondeur pour créer une mailing list à partir de votre blog. Vous souhaitez lancer une NewsLetter...

Fermer