Eco couleurs web : faut-il tout concevoir en dark mode ?

Publié le 16/02/2024 | Créer un site web éco-responsable

Si vous vous êtes déjà intéressé·es de près ou de loin au design écoresponsable, vous avez probablement croisé le concept d’eco-couleur. 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 des designs qu’on utilise sur le web ? Existe-t-il des eco couleurs web ? Réponse dans cet article !

Eco couleur web : déconstruisons un mythe

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 écoresponsable 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 écoresponsable.”

Pour sa défense, il n’était pas spécialisé en éco-conception web, alors il avait, comme beaucoup de novices, une croyance bien ancrée sur les eco 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 :

  • C’est de moins en moins vrai sur les nouveaux écrans. Et comme on change de téléphone plus souvent qu’on ne lave son frigo, les personnes avec des vieux écrans sont relativement rares.
  • L’énergie que consomme un écran, c’est du pipi de chat à l’échelle de l’impact d’un site ou d’une appli. (pardon pour cette expression, mais je l’adore 🤷🏻‍♀️) Diminuer le poids de la page, le nombre de requêtes ou encore choisir un hébergement responsable, c’est beaucoup, beaucoup, beaucoup plus important.

Alors parler d’eco-couleur web, pourquoi pas. Mais ça ne veut certainement pas dire qu’il faut tout designer en dark mode. (je déteste le dark mode)

Les bonnes pratiques pour des couleurs eco-responsables sur le web

Bon on l’a compris, choisir des eco 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 eco 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 !

Exemple d'éco couleurs web avec un contraste suffisant
Exemple de constraste insuffisant pour des eco couleurs web

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.

Vous voyez finalement, choisir des éco couleurs web, ce n’est pas très compliqué. Et ça signifie aussi que créer un site écoresponsable ne veut pas forcément dire renoncer à certaines couleurs ! Il faut juste s’assure 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 !

Eco couleur print : qu’en est-il ? Par Lucie Colin, graphiste eco-responsable

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 eco-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.

Les caractéristiques d’une éco-couleur en communication imprimée

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 :

  • Un noir pur (C0 ; M0 ; J0 ; N100)
  • Un vert anis (C15 ; M0 ; J70 ; N0)
  • Un bleu pastel (C30 ; M3 ; J0 ; N0)
3 rond de couleur noir, vert anis et bleu pastel représentant une palette de couleurs éco-conçue

Créer une palette de couleurs éco-responsable efficace

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 en communication 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 !

Portrait de Steffi

Je suis Steffi, designeuse web certifiée en numérique responsable. J’ai à coeur d’aider les entreprises à impact positif à trouver une clientèle en respectant leurs convictions. C’est pour cela que je propose des services autour de l’éco-conception web, pour un site web performant, esthétique et respectueux du monde.

Sinon, en bonne taureau, j’aime manger, faire des activités de mamie telles que la broderie ou le tricot et les chats.

Ces articles pourraient aussi vous intéresser :