Gestion de la couleur en CSS
CHAPITRE 4
63
Choisir des couleurs harmonieuses
Même si « des goûts et des couleurs, on ne discute pas », les professionnels et l’expérience ont établi des règles en matière d’association des couleurs : certaines cohabitent mal, souvent pour des raisons évidentes de lisibilité du document.
La symbolique des couleurs
Les signes et influences attribués aux couleurs par les cultures et les sociétés
humaines sont variés mais pas toujours contradictoires. Ainsi le noir, symbole de
deuil et de tristesse en Occident, n’a pas la même fonction dans les pays où ce rôle est
dévolu à d’autres couleurs (notamment au blanc). Malgré tout, on peut brosser un
tableau général de la symbolique des couleurs.
Tableau 4–1 Les couleurs et leur symbolique
Couleur
Symbolique
Exemples d’utilisation
Blanc
Le vide, l’espace, la pureté, la propreté et la sobriété.
C’est une couleur reposante et non agressive.
Intervient rarement explicitement ; souvent
relégué au second plan (une page web aérée se
devant de présenter un arrière-plan allégé).
Il permet aussi de faire ressortir les éléments
importants de la page.
Noir
Symbole de deuil ou de tristesse, le noir est également
associé à l’art, à l’apparat et au luxe.
Un fond noir donne une impression d’élégance :
on retrouve ainsi cette technique sur les sites
web d’art, les boutiques de luxe ou les casinos.
Le noir se marie très bien avec les autres teintes.
Gris
Malgré sa connotation de mélange, le gris est également une couleur passe-partout.
Comme le bleu, cette couleur est souvent associée aux sites technologiques ou informatiques :
les ordinateurs et le matériel informatique sont
généralement gris.
Vert
Représente la nature et tout ce qui s’y rapporte. C’est
aussi une couleur qui confère une impression de fraîcheur saine : on la retrouve ainsi dans les sirops et
chewing-gums rafraîchissants.
Sites en rapport avec la nature, la chasse ou les
loisirs.
Bleu
Couleur froide par excellence, le bleu inspire la rigueur
et la science. Il représente également de grands espaces
comme le ciel ou la mer, conférant ainsi une impression
de tranquillité.
Sites web technologiques ou scientifiques.
Jaune
Couleur stimulante évoquant le dynamisme, le jaune
attire l’œil… mais trop de jaune agresse.
Sites associés à des thèmes dynamiques (sport,
loisir, publicité, médias).
Rouge
Le rouge (avec l’orange) est la couleur chaude par excellence. Couleur associée à plusieurs éléments très forts,
tels que le feu, l’amour, le sang.
Sa force rehausse la pâleur générale et dirige le
regard du visiteur. Un site à dominante rouge
dégage chaleur et passion.
CHAPITRE 4
63
Choisir des couleurs harmonieuses
Même si « des goûts et des couleurs, on ne discute pas », les professionnels et l’expérience ont établi des règles en matière d’association des couleurs : certaines cohabitent mal, souvent pour des raisons évidentes de lisibilité du document.
La symbolique des couleurs
Les signes et influences attribués aux couleurs par les cultures et les sociétés
humaines sont variés mais pas toujours contradictoires. Ainsi le noir, symbole de
deuil et de tristesse en Occident, n’a pas la même fonction dans les pays où ce rôle est
dévolu à d’autres couleurs (notamment au blanc). Malgré tout, on peut brosser un
tableau général de la symbolique des couleurs.
Tableau 4–1 Les couleurs et leur symbolique
Couleur
Symbolique
Exemples d’utilisation
Blanc
Le vide, l’espace, la pureté, la propreté et la sobriété.
C’est une couleur reposante et non agressive.
Intervient rarement explicitement ; souvent
relégué au second plan (une page web aérée se
devant de présenter un arrière-plan allégé).
Il permet aussi de faire ressortir les éléments
importants de la page.
Noir
Symbole de deuil ou de tristesse, le noir est également
associé à l’art, à l’apparat et au luxe.
Un fond noir donne une impression d’élégance :
on retrouve ainsi cette technique sur les sites
web d’art, les boutiques de luxe ou les casinos.
Le noir se marie très bien avec les autres teintes.
Gris
Malgré sa connotation de mélange, le gris est également une couleur passe-partout.
Comme le bleu, cette couleur est souvent associée aux sites technologiques ou informatiques :
les ordinateurs et le matériel informatique sont
généralement gris.
Vert
Représente la nature et tout ce qui s’y rapporte. C’est
aussi une couleur qui confère une impression de fraîcheur saine : on la retrouve ainsi dans les sirops et
chewing-gums rafraîchissants.
Sites en rapport avec la nature, la chasse ou les
loisirs.
Bleu
Couleur froide par excellence, le bleu inspire la rigueur
et la science. Il représente également de grands espaces
comme le ciel ou la mer, conférant ainsi une impression
de tranquillité.
Sites web technologiques ou scientifiques.
Jaune
Couleur stimulante évoquant le dynamisme, le jaune
attire l’œil… mais trop de jaune agresse.
Sites associés à des thèmes dynamiques (sport,
loisir, publicité, médias).
Rouge
Le rouge (avec l’orange) est la couleur chaude par excellence. Couleur associée à plusieurs éléments très forts,
tels que le feu, l’amour, le sang.
Sa force rehausse la pâleur générale et dirige le
regard du visiteur. Un site à dominante rouge
dégage chaleur et passion.