Couleurs Web

Les couleurs Web sont des couleurs utilisées pour afficher des pages Web, ainsi que les méthodes de description et de spécification de ces couleurs. Les couleurs peuvent être spécifiées sous la forme d’un triplet RVB ou au format hexadécimal (un triplet hexadécimal) ou selon leurs noms anglais communs dans certains cas. Un outil de couleur ou un autre logiciel graphique est souvent utilisé pour générer des valeurs de couleur. Dans certaines utilisations, les codes de couleur hexadécimaux sont spécifiés avec une notation en utilisant un signe de numéro principal (#). Une couleur est spécifiée en fonction de l’intensité de ses composantes rouge, verte et bleue, chacune représentée par huit bits. Ainsi, il y a 24 bits utilisés pour spécifier une couleur web dans la gamme sRGB, et 16 777 216 couleurs qui peuvent être ainsi spécifiées.

Les couleurs en dehors de la gamme sRGB peuvent être spécifiées dans les feuilles de style en cascade en rendant un ou plusieurs des composants rouge, vert et bleu négatifs ou supérieurs à 100%, donc l’espace colorimétrique est théoriquement une extrapolation illimitée de sRVB similaire à scRGB. Spécifier une couleur non-sRGB de cette manière nécessite l’appel de la fonction RGB (); c’est impossible avec la syntaxe hexadécimale (et donc impossible dans les documents HTML hérités qui n’utilisent pas de CSS).

Les premières versions de Mosaic et de Netscape Navigator utilisaient les noms de couleurs X11 comme base pour leurs listes de couleurs, car elles ont toutes deux été démarrées en tant qu’applications du système X Window. Les couleurs Web ont une définition colorimétrique non ambiguë, sRGB, qui relie les chromaticités d’un ensemble de luminophores particulier, une courbe de transfert donnée, un point blanc adaptatif et les conditions d’observation. Ceux-ci ont été choisis pour être similaires à de nombreux moniteurs et conditions de visualisation du monde réel, afin de permettre au rendu d’être assez proche des valeurs spécifiées même sans gestion des couleurs. Les agents utilisateurs varient dans la fidélité avec laquelle ils représentent les couleurs spécifiées. Les agents utilisateurs plus avancés utilisent la gestion des couleurs pour offrir une meilleure fidélité des couleurs. ceci est particulièrement important pour les applications Web-to-print.

Triplet hexagonal
Un triplet hexadécimal est un nombre hexadécimal à six chiffres et trois octets utilisé en HTML, CSS, SVG et d’autres applications informatiques pour représenter les couleurs. Les octets représentent les composantes rouge, verte et bleue de la couleur. Un octet représente un nombre compris entre 00 et FF (en notation hexadécimale) ou entre 0 et 255 en notation décimale. Cela représente l’intensité la plus faible (0) à la plus élevée (255) de chacun des composants de couleur. Ainsi, les couleurs Web spécifient les couleurs dans le schéma de couleurs True Color (RVB 24 bits). Le triplet hexadécimal est formé en concaténant trois octets en notation hexadécimale, dans l’ordre suivant:

Octet 1: valeur rouge (type de couleur rouge)
Octet 2: valeur verte (type de couleur vert)
Octet 3: valeur bleue (type de couleur bleu)
Par exemple, considérons la couleur où les valeurs rouge / vert / bleu sont des nombres décimaux: rouge = 36, vert = 104, bleu = 160 (couleur gris-bleu). Les nombres décimaux 36, 104 et 160 sont équivalents aux nombres hexadécimaux 24, 68 et A0 respectivement. Le triplet hexagonal est obtenu en concaténant les 6 chiffres hexadécimaux ensemble, 2468A0 dans cet exemple.

Si l’une des trois valeurs de couleur est inférieure à 10 hex (16 décimales), elle doit être représentée avec un zéro non significatif de sorte que le triplet ait toujours exactement six chiffres. Par exemple, le triplet décimal 4, 8, 16 serait représenté par les chiffres hexadécimaux 04, 08, 10, formant le triplet hexadécimal 040810.

Le nombre de couleurs pouvant être représentées par ce système est 166 ou 2563 ou 224 = 16 777 216.

Forme hexadécimale raccourcie
Une forme abrégée, trois (hexadécimale) -digit est utilisée. L’expansion de ce formulaire au format à six chiffres est aussi simple que de doubler chaque chiffre: 09C devient 0099CC comme présenté dans l’exemple CSS suivant:

.threedigit {couleur: # 09C; }
.sixdigit {couleur: # 0099CC; } / * même couleur que ci-dessus * /
Le formulaire à trois chiffres est décrit dans la spécification CSS, pas en HTML. Par conséquent, le formulaire à trois chiffres d’un attribut autre que «style» n’est pas interprété comme une couleur valide dans certains navigateurs.

Cette forme raccourcie réduit la palette à 4 096 couleurs, l’équivalent de la couleur 12 bits par opposition à la couleur 24 bits en utilisant l’ensemble du formulaire à six chiffres (16 777 216 couleurs), cette limitation est suffisante pour de nombreux documents textuels.

Conversion de RVB en hexadécimal
Voir aussi: Conversion hexadécimale §
Les valeurs RVB sont généralement données dans la gamme 0-255; si elles sont dans la plage 0-1, les valeurs sont multipliées par 255 avant la conversion. Ce nombre divisé par seize (division entière, en ignorant tout reste) nous donne le premier chiffre hexadécimal (entre 0 et F, où les lettres A à F représentent les nombres dix à 15. Voir hexadécimal pour plus de détails). Le reste nous donne le deuxième chiffre hexadécimal. Par exemple, la valeur RGB 201 se divise en douze groupes de seize, ainsi le premier chiffre est C. Un reste de neuf nous donne le nombre hexadécimal C9. Ce processus est répété pour chacune des trois valeurs de couleur.

La conversion entre bases de nombres est une caractéristique commune des calculatrices, y compris les modèles portables et les calculateurs logiciels fournis avec la plupart des systèmes d’exploitation modernes. Des outils Web spécialement conçus pour convertir les valeurs de couleur sont également disponibles.

Noms de couleurs X11

Un certain nombre de couleurs sont définies par les navigateurs Web. Un navigateur particulier peut ne pas reconnaître toutes ces couleurs, mais à partir de 2005, tous les navigateurs graphiques modernes et à usage général prennent en charge la liste complète des couleurs. La plupart de ces couleurs proviennent de la liste des noms de couleurs X11 distribués avec le système X Window. Ces couleurs ont été normalisées par SVG 1.0, et sont acceptées par les agents SVG Full. Ils ne font pas partie de SVG Tiny.

La liste des couleurs livrées avec le produit X11 varie d’une mise en œuvre à l’autre et se heurte à certains noms HTML tels que le vert. Les couleurs X11 sont définies comme RVB simple (donc, pas d’espace de couleur particulier), plutôt que sRGB. Cela signifie que la liste des couleurs trouvées dans X11 (par exemple, dans /usr/lib/X11/rgb.txt) ne devrait pas être utilisée directement pour choisir les couleurs pour le web.

La liste des « couleurs X11 » de la spécification CSS3, ainsi que leurs équivalents hexadécimaux et décimaux, est présentée ci-dessous. Comparez les listes alphabétiques dans les normes du W3C. Ceci inclut les synonymes communs: aqua (nom standard HTML4 / CSS 1.0) et cyan (nom sRGB commun), magenta (nom sRGB commun) et fuchsia (nom standard HTML4 / CSS 1.0), gris (nom standard HTML4 / CSS 1.0) et gris.

Couleurs Web sécurisées
Dans les premiers jours de l’informatique, de nombreux écrans étaient seulement capables d’afficher 256 couleurs. Ceux-ci peuvent être dictés par le matériel ou modifiables par une « table de couleurs ». Quand une couleur est trouvée (par exemple, dans une image) qui n’est pas disponible, il faut en utiliser une autre. Cela peut être fait en utilisant la couleur la plus proche, en accélérant le temps de chargement, ou en utilisant le tramage, ce qui donne des résultats plus précis mais prend plus de temps à charger en raison des calculs complexes.

Il y a eu plusieurs tentatives pour créer une palette de couleurs « standard ». Un ensemble de couleurs était nécessaire qui pouvait être affiché sans tramage sur des écrans 256 couleurs; le nombre 216 a été choisi en partie parce que les systèmes d’exploitation informatiques réservaient habituellement seize à vingt couleurs pour leur propre usage; il a également été sélectionné parce qu’il permet exactement six nuances équidistantes de rouge, vert et bleu (6 × 6 × 6 = 216), chacune de 00 à FF (y compris les deux limites).

La liste des couleurs est présentée comme si elle avait des propriétés spéciales qui la rendraient immunisée contre le tramage. En réalité, sur les écrans à 256 couleurs, les applications peuvent définir une palette de toutes les couleurs de leur choix, en dégradant le reste. Ces couleurs ont été choisies spécifiquement parce qu’elles correspondaient aux palettes sélectionnées par diverses applications de navigation. Il n’y avait pas de palettes très différentes utilisées dans différents navigateurs.

Les couleurs «Web-safe» présentaient un défaut: sur des systèmes tels que X11 où la palette est partagée entre les applications, des cubes de couleur plus petits (5 × 5 × 5 ou 4 × 4 × 4) étaient alloués par les navigateurs « Les couleurs tiendraient sur de tels systèmes. Différents résultats ont été obtenus en fournissant une image avec une plus grande gamme de couleurs et en permettant au navigateur de quantifier l’espace de couleurs si nécessaire, plutôt que de subir la perte de qualité d’une double quantification.

En 2011, les ordinateurs personnels ont généralement 24 bits (TrueColor) et l’utilisation de couleurs «Web-safe» est tombé en désuétude pratique.

Les couleurs « web-safe » n’ont pas toutes les noms standard, mais chacune peut être spécifiée par un triplet RGB: chaque composant (rouge, vert et bleu) prend l’une des six valeurs du tableau suivant (sur les 256 possibles valeurs disponibles pour chaque composant en couleur 24 bits complète).

Couleurs de toile les plus sûres
Les concepteurs ont été encouragés à s’en tenir à ces 216 couleurs «Web-safe» dans leurs sites Web, car il y avait beaucoup d’écrans couleur 8 bits lorsque la palette de 216 couleurs a été développée. David Lehn et Hadley Stern ont découvert que seulement 22 des 216 couleurs de la palette Web sont affichées de manière fiable sans remappage incohérent sur les écrans d’ordinateur 16 bits.

Couleurs CSS
La spécification Cascading Style Sheets définit le même nombre de couleurs nommées que la spécification HTML 4, à savoir les 16 couleurs html et les 124 couleurs de la liste de couleurs Netscape X11 pour un total de 140 noms reconnus par Internet Explorer (IE) 3.0 et Netscape Navigator 3.0. Blooberry.com note qu’Opera 2.1 et Safari 1 incluaient également la liste étendue de 140 noms de couleurs de Netscape, mais ont découvert plus tard 14 noms non inclus avec Opera 3.5 sous Windows 98.

En CSS 2.1, la couleur ‘orange’ (l’une des 140) a été ajoutée à la section avec les 16 couleurs HTML4 en 17ème couleur. La spécification CSS3.0 n’incluait pas d’orange dans la section « Mots-clés de couleur HTML4 », qui a été renommée « Mots-clés de couleurs de base ». Dans la même référence, la section « Mots-clés de couleurs SVG » a été renommée « Mots-clés de couleurs étendues », après avoir été « Mots-clés de couleurs X11 » dans un brouillon de travail précédent.

CSS 2, SVG et CSS 2.1 permettent aux auteurs Web d’utiliser des couleurs système, qui sont des noms de couleurs dont les valeurs sont extraites du système d’exploitation, sélectionnant la couleur du texte du système d’exploitation ou la couleur d’arrière-plan des contrôles d’info-bulle. Cela permet aux auteurs Web de personnaliser leur contenu en fonction du système d’exploitation de l’agent utilisateur. Le module de couleur CSS3 a déconseillé l’utilisation de couleurs système en faveur de la propriété CSS3 UI System Appearance, qui a elle-même été supprimée de CSS3.

Le 21 juin 2014, le CSS WG a ajouté la couleur RebeccaPurple au projet de rédaction du module Couleurs CSS4 pour commémorer la fille d’Eric Meyer, Rebecca, décédée le 7 juin 2014, son sixième anniversaire.

Accessibilité
Certains navigateurs et appareils ne prennent pas en charge les couleurs. Pour ces écrans, ou pour les utilisateurs aveugles et daltoniens, le contenu Web en fonction des couleurs peut être inutilisable ou difficile à utiliser.

Aucune couleur ne doit être spécifiée (pour invoquer les couleurs par défaut du navigateur), ou l’arrière-plan et toutes les couleurs de premier plan (telles que les couleurs du texte brut, des liens non consultés, des liens pointés, des liens actifs et des liens visités) noir sur noir ou blanc sur les effets blancs.