Si vous vous êtes déjà intéressé·es de près ou de loin au design éco-responsable, vous avez probablement croisé le concept d’éco-couleurs. En effet, quand on conçoit un design, le choix des couleurs peut se révéler important pour l’impact écologique, surtout si vous devez imprimer. Mais qu’en est-il lorsqu'on cherche à créer un site écologique ? Existe-t-il des éco-couleurs web ? Réponse dans cet article !
Je vais commencer cet article par vous raconter une anecdote. Mon projet de fin d’année de ma licence en design web et numérique consistait à imaginer le site web pour un produit écologique. Avec mon groupe, on imagine donc un site qu’on voudrait le plus éco-responsable possible, notamment en le rendant simple, avec juste le nécessaire dans les infos et fonctionnalités.
On présente notre projet, content·es comme des briques de notre travail, et là, un membre du jury nous balance : “Bon déjà quand on fait un site majoritairement blanc, c’est mal barré pour être éco-responsable.”
Pour sa défense, il n’était pas spécialisé en design web éco-responsable, alors il avait, comme beaucoup de novices, une croyance bien ancrée sur les éco-couleurs web. Cette croyance : les couleurs claires consomment plus d’énergie que les couleurs foncées sur le web.
Ce n’est pas totalement faux, sauf que :
Alors parler d’éco-couleurs web, pourquoi pas. Mais ça ne veut certainement pas dire qu’il faut tout designer en dark mode (je déteste le dark mode).
Bon on l’a compris, choisir des éco-couleurs web pour des questions d’énergie, c’est un peu un coup d’épée dans l’eau. Pour autant, il y a quand même des bonnes pratiques à respecter !
Enfin plutôt une principale : vérifier le contraste de vos couleurs !
D’ailleurs cette bonne pratique ne s’applique pas qu’aux éco-couleurs web. En print (= la communication imprimée) aussi, c’est important.
Pour assurer la lisibilité et l’accessibilité de vos supports de communication, sur le web ou non, le contraste entre la couleur de fond de votre design et la couleur de vos textes doit être suffisant. Donc on oublie les tons sur tons pastel. Un design joli c’est cool, mais si personne n’arrive à lire, ça sert à rien.
C’est d’autant plus important sur le web que les couleurs ne rendent pas pareil selon les écrans. Il y a des écrans où les couleurs sont plus contrastées que d’autres. Donc ce que vous voyez sur votre écran quand vous créez votre site ou vos posts Instagram ne sera pas exactement la même chose que ce que vos utilisateurices verront sur leur appareil !


Alors comment savoir me direz-vous ?
Et bien il existe beaucoup d’outils pour vérifier que le contraste des couleurs répond bien aux normes du WCAG (le référentiel mondial pour des outils numériques accessibles).
Ma préférence personnelle va à Tanaguru Contrast Finder car cet outil propose des couleurs alternatives à utiliser si jamais le contraste n’est pas suffisant. J'aime aussi beaucoup Accessible Color Palette Builder car il permet de voir en un coup d'oeil si notre palette de couleurs est bien faite ou si il faut la revoir.
Vous voyez finalement, choisir des éco-couleurs web, ce n’est pas très compliqué. Et ça signifie aussi que créer un site éco-responsable ne veut pas forcément dire renoncer à certaines couleurs ! Il faut juste s’assurer qu’elles fonctionnent bien ensemble. C’est d’ailleurs quelque chose qu’il est préférable de penser dès la création de votre identité visuelle, puisque ce sera important sur tous vos supports de communication, web ou pas !
P.S. : Utiliser des éco-couleurs web, ça n'améliorera pas votre eco-index (l'outil de mesure de l'impact d'un site). Mais pour autant, c'est CRUCIAL. Parce que l'éco-conception, c'est prendre en compte l'environnement ET la société. Ça n'a pas de sens de faire l'un sans l'autre. Pour plus de détails, j'ai rédigé un article qui explique très concrètement l'impact environnement et sociétal d'un site web.
Je vous l’ai dit en introduction, les éco-couleurs, c’est un sujet important quand on imprime ses supports. Alors pour vous conseiller sur ce sujet, c’est Lucie Colin, graphiste Éco-responsable, qui vous explique tout ce qu’il faut savoir !
Le concept des éco-couleurs est essentiellement utilisé dans le cadre d’une communication imprimée. Ici, elles ont un réel intérêt écologique. En effet, l'utilisation d'éco-couleurs sur ta communication papier réduira directement son empreinte environnementale.
Les encres utilisées en impression ont un impact significatif sur l'environnement en raison de leur composition, mais aussi des ressources qu’elles demandent dans le nettoyage des machines et le recyclage des papiers imprimés.
Même si ce n’est pas la seule, avoir recours à des éco-couleurs est une des solutions existantes pour limiter l’impact environnemental de ta communication imprimée. Celles-ci ont la particularité d’être moins gourmandes en ressources et de faciliter le recyclage des matériaux.
Une éco-couleur a pour caractéristique de limiter la quantité des encres utilisées à l’impression pour recréer sa teinte. En impression, les couleurs sont issues d’une encre ou d’un mélange de plusieurs encres superposées : le cyan, le magenta, le jaune, et le noir. L’objectif d’une éco-couleur est de limiter la quantité d’encre superposée sur le papier.
Par exemple : un violet foncé peut avoir une charge d’encrage à Cyan 100%, Magenta 100%, Jaune 0% et Noir 50%. Si on fait le calcul total, on arrive à 250% de taux d’encrage en tout, en additionnant les pourcentages d’encres utilisées pour obtenir cette couleur.
Et bien, une éco-couleur est une couleur qui nécessite au maximum une charge d’encrage de 100% en CMJN, comme :

Opter pour une palette de couleurs éco-responsable est une très bonne façon de limiter l’impact environnemental de ta communication et renforcer la cohérence de ton image de marque pour plus de crédibilité sur ton marché.
En revanche, tout comme pour les éco-couleurs web, une gamme colorée efficace est une gamme colorée contrastée qui permet une bonne accessibilité de lecture. Ainsi, la palette de couleurs d’une identité visuelle éco-conçue n’est pas nécessairement composée uniquement d’éco-couleurs. Elle est surtout construite intelligemment pour prioriser l’utilisation de teintes éco-conçues lors de l’impression.
Afin d’assurer la lisibilité de tes supports de communication, ton identité visuelle peut être composée de teintes éco-conçues avec d'autres couleurs plus vives ou profondes. Une gamme colorée raisonnée pourra te permettre de privilégier l’utilisation d’éco-couleurs sur des grandes surfaces imprimées, en assurant une bonne lisibilité générale.
Au-delà des couleurs en elles-mêmes, il est également important de limiter les surfaces imprimées en ayant recours à différentes techniques de traitement graphique : tramage, défonce, motif, texture, photographie monochrome, etc. Et oui, les éco-couleurs ne sont qu’une infime partie du graphisme éco-responsable !
Vous savez maintenant tout ce qu'il y a à savoir sur les éco-couleurs web et print. Vous pourrez ainsi créer des supports de communication plus respecteux de l'environnement et de la société sur tous les canaux !
🌱 Merci encore à Lucie, graphiste éco-responsable pour ces conseils. Vous pouvez retrouver d'autres conseils sur son blog !
