A noter

C'est le 661e jour depuis le début de cette aventure !

7 outils pour bien choisir les couleurs de son site

Publié le 25 sept 06 à 01:35 | Catégorie : Design Web | 11 commentaires

Lorsque l’on conçoit un site Internet, une des premières étapes dans le processus de création passe par la réalisation d’une maquette. Mais il faut évidemment avoir réfléchi à certaines choses, comme par exemple la palette de couleur à adopter. Chaque couleur ayant une signification différente, il faut la choisir en fonction du site lui-même.

Par exemple, pour un moteur de recherche, le blanc est souvent utilisé car il faut rester sobre et (du moins historiquement était-ce le cas) ne pas alourdir la page avec des détails graphiques trop importants (donc trop longs a télécharger). Mais si l’on doit mettre au point un site pour un grand bijoutier, il vaudra mieux privilégier le noir ou des tons gris qui sont souvent employés dans le secteur du luxe. Il existe comme cela certains accords pré-établis.

Color Schemer Online

Il y a quelques années de cela dans certains milieux du web design, la mode était d’utiliser une palette monochromatique. On choisissait alors une couleur et on la déclinait seulement en la saturant ou en agissant sur sa luminance (on éclaircissait ou on assombrissait la couleur).

Enfin, il faut savoir que des couleurs se marient mieux que d’autres. Ou pour être plus précis : pour une couleur donnée, on peut déterminer ses couleurs complémentaires (en utilisant un cercle chromatique). Cette combinaison de couleurs est souvent plus harmonieuse que d’autres choisies arbitrairement.

Voici donc une liste de sites proposant plusieurs outils pour manipuler des couleurs et en extraire une palette (très pratique lorsqu’on n’a pas sous la main des logiciels spécialisés comme Photoshop ou Color Schemer Studio) :

Et si vous manquez d’inspiration, le site suivant vous permettra de récupérer la palette de couleurs complète de n’importe quel site web :

A lire également

Vous pouvez continuer votre lecture sur des sujets similaires en consultant les articles suivants :

Les visiteurs qui ont vu cette page ont consulté ensuite :

A savoir

Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.

10 commentaires à propos de “7 outils pour bien choisir les couleurs de son site” :

  1. super Hero , c’est excellent …

    said elaissaoui le 25 septembre 2006 à 14:33 (#1)

  2. a-yé, j’ai fini mon test ! Afin de trouver ma pallete de couleur et choisir des couleurs assorties j’ai utilisé principalement: ‘ColorBlender’ ,Color ‘Schemer Online’ et très peu ‘Color Schemes 2′ — plus parceque j’avais déjà trouvé avec les premiers — .
    ‘Infohound Color Schemer’ est moins bien que les deux autres, ‘Sessions.edu Color Calculator’ est rigolo et bien mais ne m’a pas apporté beacoup. Quant à ‘Color Palette Creator’ je n’ai pas adhéré du tout…
    Voilà, lequel as-tu préféré monsieur Stéphane ?

    Stancaiman le 8 octobre 2006 à 09:40 (#2)

  3. Finalement j’utilise principalement Color Schemer Online, mais Color Schemer Studio (le logiciel du même éditeur) est encore mieux ! Dans un registre un peu différent, Netcocktail met en avant une sélection de sites ainsi que leurs schémas de couleur correspondants. C’est évidemment plus ludique que pratique, mais c’est une bonne initiative qui permet d’apprendre à mieux utiliser et arranger les couleurs.

    Color Palette Generator est également un outil intéressant puisqu’il permet d’extraire une palette de couleurs d’une photo. Comme ça il est plus facile d’accorder la charte graphique d’un site qui se baserait principalement sur cette photo.

    Stéphane le 9 octobre 2006 à 15:47 (#3)

  4. Ce que je cherche c’est un traité d’heraldique des couleurs.

    Plus clairement quelles sont les effets immédiat des couleurs sur l’internaute, est ce que c’est le bleu qui déclenche l’achat ?? ( La période la plus recherchée chez Picasso ) L’harmonie des couleur c’est bien mais sur quelle base faire son choix ?

    franck le 2 décembre 2006 à 00:52 (#4)

  5. Là, je crois que tu m’en demandes trop. Il faudrait que tu vois ça avec un véritable spécialiste. Peut-être le mieux serait que tu contactes un designer web, il (ou elle) pourra alors t’orienter vers un expert en la matière.

    Bon chance dans ta recherche.

    Stéphane le 2 décembre 2006 à 08:18 (#5)

  6. Bonjour,

    J’ajouterai celui-ci à la liste : http://www.colorjack.com/studio/
    Sobre et fluide.

    Cédric le 30 janvier 2007 à 17:43 (#6)

  7. > Par exemple, pour un moteur de recherche, le blanc est souvent utilisé car il faut rester sobre
    C’est léger comme argumentation. On peut faire simple avec n’importe quelle couleur, inversement on peut rendre un site chargé avec du blanc. A mon avis, le choix du blanc sert d’une part à mettre en valeurs les couleurs assez saturées du logo. Les couleurs d’origines étaient encore plus vives. D’autre part, les auteurs voulaient surtout se démarquer pour un affichage bien plus rapide que la concurrence. Il fallait dépouiller l’interface et s’inspirer des erreurs de la concurrence. Cette légerté d’octets a incité de nombreux internautes à l’utiliser comme page de démarrage.

    Existe-t-il un plug-in pour Photoshop qui permet de basculer du sélecteur de couleurs à une roue chromatique ? C’est tellement plus facile pour repérer rapidement les couleurs complémentaires.

    Pour le choix monochromatique et ses variantes en variant la luminosité c’est quelque chose qui marche assez bien. Ce que j’utilise aussi c’est “teinte et saturation” qui permet de changer la couleur tout en restant dans la même ‘ambiance’.

    Pour récupérer la palette des couleurs d’un site web, je préfère nettement la barre d’outils Webdeveloper.

    @franck
    La symbolique des couleurs est un sujet passionnant. Malheureusement, il n’existe que très peu d’ouvrages sur la question. Pourtant, cette interrogation se pose à tout webdesigner qui se respecte dès la conception d’un site web: doit-il être prestigieux, ludique, professionnel, futuriste, pointu… Pour le moment, je n’ai trouvé que quelques pages à ce sujet dans le livre “Color for Websites” de Molly E. Holzschlag (auteur notamment du très beau “Le Zen des CSS”).

    katsoura le 24 juin 2007 à 18:07 (#7)

  8. Comment avoir pu oublier le Kuler dAdobe ?
    http://kuler.adobe.com/

    nico le 21 juillet 2007 à 13:46 (#8)

  9. Tout simplement parce qu’il n’était pas encore sorti. Mais on s’est bien rattrapé par la suite…

    Stéphane le 21 juillet 2007 à 14:21 (#9)

  10. C’est vraiment pas mal du tout comme outils! ça aide vraiment aux choix de thème de couleurs. Color Palette Generator est bluffant!

    Gilles le 27 août 2007 à 21:17 (#10)

Ajouter un commentaire

Les informations obligatoires sont indiquées par une étoile rouge *.


Un rétrolien à propos de “7 outils pour bien choisir les couleurs de son site” :

  1. Sept outils pour bien choisir les couleurs de son site « Veille Technologique
    Le 4 février 2008 à 01:47

Articles Récents

Les derniers articles publiés

A Propos

Pas facile de franchir le pas et d'abandonner un poste de consultant. Mais depuis octobre 2006, je me consacre entièrement à la conception d'un nouveau service Internet et au montage d'une société.

Ce blog raconte le parcours d'un entrepreneur dans la net économie et aborde de nombreux aspects pratiques, juridiques et financiers liés au développement d'un business sur Internet.

Lire la suite…