HTMLCouleur : un super site pour les créateurs web

Dans le collectif, on s’échange beaucoup de liens, et la plupart finissent oubliés au fond d’une boîte mail. Celui-ci, on l’a gardé en favori : htmlcouleur.com, un site français qui recense les 16 777 216 couleurs qu’un écran peut afficher, chacune avec son code en hexadécimal, en RGB, en HSL et en CMJN.

Le problème qu’il règle

Tous ceux qui ont monté un site connaissent la scène. Le client veut « le bleu du logo, mais un peu moins froid ». Le bleu du logo, c’est un code hexadécimal quelque part dans un PDF. Le « un peu moins froid », c’est une affaire de goût, et il faut bien la traduire en chiffres pour que la feuille de style suive.

C’est là que le site dépanne. On tape un code, on obtient la même couleur dans les autres systèmes (RGB, HSL, HSV, CMJN, et même CIELAB pour les curieux), on peut la décliner du clair au foncé, et regarder avec quoi elle tient le coup.

Le cercle chromatique, pour ne plus tourner en rond

L’outil « Quelle couleur va avec… » mérite qu’on s’y attarde. Rien de mystique : le site propose sept harmonies classiques, qu’on bascule en direct sur un cercle. On voit tout de suite pourquoi telle teinte fonctionne avec telle autre, au lieu de le deviner dans un manuel. Pour un développeur qui n’a pas fait les Beaux-Arts, c’est un raccourci appréciable.

Une fiche par couleur, et pas que pour le web

Chaque couleur a sa page. On y trouve les conversions, les harmonies, les nuances, une mise en situation, le code CSS prêt à copier, les équivalents Tailwind et RAL. Ce dernier point intéresse du monde en dehors des écrans : le RAL Classic, c’est la référence des façades, des menuiseries et des portails, et le site en propose le nuancier de 216 teintes. Pratique quand une entreprise du bâtiment veut que son site ressemble à ses camionnettes.

Il y a aussi, au bas de chaque fiche, la partie que tout le monde saute : l’accessibilité. Le site vérifie le contraste selon les critères WCAG et simule la vision d’un daltonien. Un gris clair sur fond blanc paraît très chic sur l’écran du designer, beaucoup moins sur celui d’un lecteur de cinquante ans, ou en plein soleil dans un train.

Ce qu’on aime, et la réserve d’usage

On aime que le site annonce ses sources. Les calculs suivent des méthodes publiées (CIEDE2000 pour la distance entre deux couleurs, par exemple), et le site existe depuis 2010, ce qui, sur le web, commence à compter. On aime aussi la liste d’un peu plus de 220 couleurs nommées en français, du coquelicot au bleu de Prusse : il y a des clients qui parlent comme ça.

Une réserve quand même. Un écran n’est pas une imprimante, et le CMJN affiché à l’écran reste une approximation. Pour un document destiné à l’impression, on fait toujours valider une épreuve par l’imprimeur. Pour tout le reste, ce lien a sa place dans les favoris, juste à côté de la documentation CSS.