Couleurs websafe

Palette indépendante des navigateurs

Petit problème de base : comment s'affiche une image de plus de 16 millions de couleurs sur un écran qui n'affiche que 256 couleurs ? Cette question avait son importance il y a bien quelques années puisqu'à l'heure actuelle, pratiquement plus personne ne dispose de ce matériel. Cependant, la question reste intéressante.

La carte graphique qui ne supporte que 256 couleurs doit choisir parmi un choix immense. En réalité, c'est le navigateur qui choisit les couleurs à afficher. Il convertit les 16 millions de couleurs vers sa palette fixe. Heureusement, tous les navigateurs partagent la même palette qui contient un noyau de 216 couleurs (appelées couleurs indépendantes ou cube de couleurs 6x6x6x6) et 40 couleurs supplémentaires qui varient selon la plate-forme (PC, Mac, ...).

Quelles sont ces 216 couleurs communes?

Chaque couleur primaire, à savoir le Rouge, le Vert et le Bleu (RVB), est divisée en 6 valeurs. Le rouge, de 0 à 255, est gradué en 6 gammes: 0-51-102-153-204-255. Le même principe vaut pour le vert et le bleu. Ce qui donne 6 gammes pour chaque, autrement dit 6 exposant 3 = 216. Voici un petit graphique si cela vous paraît trop flou.

Pour l'exemple, le tableau reprend que les variantes du rouge. Si on prend la première ligne, il y a 0 de rouge, 0 de vert et 0 de bleu. Ce qui donne du noir, puisque l'absence de couleur sur un écran donne du noir. Pour s'en convaincre il suffit d'éteindre son écran. La quatrième ligne a 153 de rouge, 0 de vert et 0 de bleu.

Une couleur indépendante est donc toujours composée de 0, 51, 102, 153, 153, 204 et 255. Au niveau du web, on ne travaille plus avec des valeurs décimales mais des valeurs hexadécimales. À savoir; 00, 33, 66, 99, 99, cc et ff.

Quel intérêt de choisir une couleur indépendante?

Il est certain que le choix des couleurs est restreint et qu'on obtient pas toujours la teinte désirée. Cependant, les couleurs indépendantes assurent une fidélité identique pour chaque ordinateur quelque soit son navigateur. Une carte vidéo 24 bits affiche le même résultat qu'une carte de 8 bits. En d'autres mots, vous êtes certain que la couleur que vous choisissez est identique pour tous vos visiteurs quelque soit sa machine.

Quand utiliser la palette indépendante?

Il est conseillé d'utiliser les couleurs web save (palette indépendante de 216 teintes) pour un fond uni, des liens, un logo, du texte, etc. Ne tombez pas dans l'excès en convertissant toutes vos photos en 216 couleurs. Le navigateur des anciennes cartes vidéo le fera à votre place.

Comment trouver une couleur websafe ?

Dans Photoshop, cochez la case "Couleurs Web uniquement". Un autre moyen c'est de choisir sa couleur et si elle ne fait pas partie de la palette indépendante, un petit cube apparaît. Cliquez dessus et Photoshop va chercher la teinte web qui se rapproche le plus. Ne vous souciez pas du point d'exclamation, il indique une couleur trop vive pour l'impression... mais cela ne nous concerne pas.

Dreamweaver est un logiciel dédié au web. Il a donc les 216 couleurs par défaut dans le panneau "Propriétés". Remarquez qu'elles sont toutes composées de 00, 33, 66, etc.

Conclusion

À l'heure actuelle, les ordinateurs n'affichant que 256 couleurs et munis d'un accès à Internet sont des objets d'antiquité. La démocratisation de l'informatique et sa popularité offre des possibilités d'affichage en millions de couleurs accessibles à tous. Malgré tout, cela ne coûte rien de s'adapter aux quelques configurations de plus en plus marginales surtout que la palette indépendante est intégrée par défaut dans les logiciels de conception web.

Réalisé le 9 août 2003.