Choisir les couleurs de son site internet

La signification des couleurs

Avant de démarrer la partie graphique de votre site vous devez absolument choisir sa couleur. Elle sera fonction du thème de votre site et de ce que vous voulez lui faire dire.

http://www.code-couleur.com/signification/index.html
http://www.le-temps-au-present.com/index_la_signification_des_couleurs.htm
http://mandalaz.free.fr/fr/symboles_des_couleurs.html
http://www.kreatys.com/infos_pratiques/webmastering/webdesign.htm
http://blog.axe-net.fr/quelle-couleur-choisir-pour-un-site-internet/

Cette liste comme toutes les autres ne prétendent pas être exhaustives.

Les couleurs accessibles

Voir un très intéressant outil qui permet de vérifier que les couleurs retenues pour votre site sont visibles par tous. Giacomo Mazzocato à développé "Le Cercle Chromatique Accessible" qui permet de visualiser les couleurs comme ceux qui souffrent de légères déficiences visuelles.

Les couleurs complémentaires

Une couleur complémentaire est la couleur opposée à une autre sur le cercle chromatique. On définit deux couleurs comme complémentaires si mélangées ensemble, elle produisent un gris. Voici une adresse qui propose un outils qui fournit, en fonction de la couleur choisie, les couleurs qui en découlent : dhtmlgoodies.com

Couleur pour ascenseur

Dans la gestion de couleurs vous pouvez, sur IE seulement, modifier la couleurs des ascenseurs ou scrollbars. Dans le cas d'un navigateur, les scrollbars ne font donc pas partie du site mais de l'interface du navigateur. Les modifications sont possibles avec IE et le CSS mais ne font pas partie des spécifications du W3C. Elles sont donc inopérantes avec les navigateurs respectant les standards comme Firefox, Opera, Safari. : docanski.free.fr; tutoweb.be et france-jeunes.net

Générateur de code couleur

Un très joli et très efficace générateur de code couleur du nom de DHTML Color Picker
Un autre ficml.org/jemimap plus complet qui propose de survoler le carré pour changer la saturation (de gauche à droite) et la luminosité (de haut en bas) de votre teinte. de faire tourner la roue chromatique avec le clavier et d'atteindre une couleur primaire ou secondaire. Efin la touche 'enter' ajoute la couleur à votre liste.

D'autres générateurs :

• ColorBlender.com
  Le plus conne : Palette en ligne qui vous permettra de créer toute sorte de couleurs
• ColorMixers
  Remixeur de RGB depuis 2003
• Color palette creator v1.6
  Un générateur de couleur construit sur le principe décrit ici
• Color Palette Generator
  Génère une palette de couleur à partir d'une image
• Color Palette Generator
  Entrer le lien vers l'image de votre choix et cette webapp générera la palette de couleur correspondant à cette image
• Color Scheme Generator 2
  Généteur de jeux de couleurs pour vos sites web et vos applications
• Color Schemer
  Crée des jeux de couleurs en cliquant sur un simple bouton
• Colr.org
  Outils vous permettant de générer des palettes de couleurs à partir de mots et de photos
• EasyRGB
  Le premier moteur de recherche de couleur !
• Gradient Image Maker
  Plusieurs outils dont un permettant de générer un gradian linéaire a partir d'images
• HTML Color Code Combination Chooser
  Selectionner les meilleurs associations de couleur pour vos site. Vous donne meme les codes couleur en HTML
• I Like Your Colors!
  Utilisez cette outil pour extraire très facielement les jeux de couleurs de pages HTML ou de CSS se trouvant sur le net
• Technicolor
  Générateur de palette de couleur avec prévisu live et créateur de CSS
• Transparent PNG Generator
  Web app qui vous permettra de créer des PNG transparent avec n'importe quel couleur
  

Divers outils pour trouver le code couleur

Vous pouvez partir d'une image ou d'une page web qui vous a séduit pour déterminer les couleurs de votre futur site.
Image :
- Outil de type pipette qui vous permet en cliquant sur l'image d'en obtenir le code. Comme l'extension ColorZilla pour Firefox qui permet depuis longtemps de copier-coller une couleur en survolant la page avec une pipette.
- Outil en ligne de type Pic2Color qui vous extrait directement la palette de couleur de votre image.
Site :
- L'extension ColorZilla permet également d'analyser la page pour en extraire la palette de couleurs. Seule limitation, il extrait uniquement les couleurs des styles CSS, pas celles des images ou des Flash.
- artviper.net
- Redalt.com/Tools/

Le nom des couleurs

Vous pouvez utiliser les couleurs par leur nom. C'est plus parlant : g.perrin/webmaster ou gratos.be

Les dégradés de couleurs

Le site Grad Color ( pour "Gradient Color Generator" générateur de dégradés de couleurs) vous permet, en sélectionnant 6 paramètres différents, d'obtenir un code html et une image au format png pour le fond d'écran de votre site.
Pour cela, vous aurez à choisir deux couleurs pour le dégradé, la hauteur,la longueur et l'orientation (horizontale ou verticale) du dégradé. Après avoir préciser si vous souhaitez ou non que l'image se répète en x et en y il ne vous restera qu'à cliquer sur le bouton "Generate" afin de pouvoir télécharger l'image et le code générés.

Convertisseur de couleurs

RVB en hexadécimal

Powered and Generated by http://www.espacejavascript.com

D'autres liens

Les kits graphiques

Vous n'avez pas envie de vous enquiquiner avec tout ça ! D'autres l'ont fait pour vous en fabriquant des kits prêts à l'emploi. Vous en trouverez sur ce site : kits graphiques gratuits

---

vous remercie