Couleurs du Web - Définition
La liste des auteurs de cet article est disponible ici.
Noms des couleurs HTML
La spécification du HTML 4.01 définit 16 couleurs nommées définies par 18 mots-clés en anglais (il y a deux synonymes), et dont l'emploi n'est pas sensible à la casse. (Les traductions en français entre parenthèses sont indicatives et ne sont pas des attributs valides en HTML.) Ces attributs et la valeur hexadécimale de rouge-vert-bleu équivalente sont, par ordre alphabétique :
| Couleur | Valeur | Couleur | Valeur | Couleur | Valeur | Couleur | Valeur |
|---|---|---|---|---|---|---|---|
| aqua / cyan (bleu eau, cyan) | #00FFFF | green (vert) | #008000 | navy (bleu marine) | #000080 | silver (argent) | #C0C0C0 |
| black (noir) | #000000 | gray (gris) | #808080 | olive (olive) | #808000 | teal (sarcelle) | #008080 |
| blue (bleu) | #0000FF | lime (vert citron) | #00FF00 | purple (violet) | #800080 | white (blanc) | #FFFFFF |
| fuchsia / magenta (fuchsia) | #FF00FF | maroon (marron) | #800000 | red (rouge) | #FF0000 | yellow (jaune) | #FFFF00 |
Ces couleurs sont aussi spécifiées comme sRGB et incluses dans les spécification du HTML 3.0 qui fait remarquer que « Ces couleurs sont issues des 16 couleurs standards supportées avec la palette VGA Windows. »
Il devrait être mentionné que toutes les couleurs ayant une valeur comprise entre #000000 et #FFFFFF (16 777 216 couleurs) sont valides.
Couleurs utilisées dans les CSS
Le langage des feuilles de style en cascade (Cascading Style Sheets, CSS) définit le même nombre de couleurs et les mêmes noms des couleurs comme les spécifications du HTML 4, c'est-à-dire les 16 couleurs énumérées précédemment. De plus, CSS 2.1 ajoute le nom de couleur 'orange' à la liste :
| Color | Hexadecimal |
|---|---|
| orange | #FFA500 |
CSS 2, SVG et CSS 2.1 permettent aux auteurs de pages web d'utiliser les dites « couleurs système », qui sont le nom des couleurs dont la valeur provient du système d'exploitation. Cela rend possible aux auteurs de documents web de styliser leur contenu en ligne avec les couleurs définies dans l'environnement de travail de l'utilisateur. Depuis début 2004, il se trouve que le module de couleur CSS 3 abandonnera une fois encore ces valeurs, les rendant obsolètes, mais cela pourrait changer.
Les spécifications CSS3 en cours de développement introduiront également les valeurs de l'espace de couleur TSL aux feuilles de styles :
/* RGB model */ p { color: #F00 } /* #rgb */ p { color: #FF0000 } /* #rrggbb */ p { color: rgb(255,0,0) } /* integer range 0 - 255 */ p { color: rgb(100%, 0%, 0%) } /* float range 0.0% - 100.0% */ /* RGB with alpha channel, added to CSS3 */ p { color: rgba(255,0,0,0.5) } /* 0.5 opacity, semi-transparent */ /* HSL model, added to CSS3 */ p { color: hsl(0, 100%, 50%) } /* red */ p { color: hsl(120, 100%, 50%) } /* green */ p { color: hsl(120, 100%, 25%) } /* light green */ p { color: hsl(120, 100%, 75%) } /* dark green */ p { color: hsl(120, 50%, 50%) } /* pastel green */ /* HSL model with alpha channel */ p { color: hsla(120, 100%, 50%, 1) } /* green */ p { color: hsla(120, 100%, 50%, 0.5) } /* semi-transparent green */ p { color: hsla(120, 100%, 50%, 0.1) } /* very transparent green */ Couleurs garanties sur le web
Un autre ensemble de 216 valeurs de couleurs est généralement considérée comme la palette de couleurs garanties sur le web (web-safe colors) conçue alors que de nombreux moniteurs n'étaient capables d'afficher que 256 couleurs. Un ensemble de couleurs, qui pouvaient être affichées sans tramage sur les écrans à 256 couleurs, était nécessaire ; le nombre 216 a été choisi en partie parce que les systèmes d'exploitation réservaient fréquemment seize à vingt couleurs pour leur propre usage ; et il fut choisi également car il permettait exactement six tons de rouge, de vert et de bleu (6 × 6 × 6 = 216).
La liste des couleurs est souvent présentée comme si elle avait des propriétés spéciales qui les rendraient immunisées au tramage. En fait, sur les moniteurs à 256 couleurs les applications peuvent fixer une palette de n'importe quelle sélection de couleurs de leur choix, tramant le reste. Ces couleurs ont été choisies spécialement parce qu'elles correspondaient aux palettes choisies par les principales applications de navigateur de l'époque. Heureusement, les palettes utilisées par les différents navigateurs populaires n'étaient pas foncièrement différentes.
Les couleurs garanties sur le web avaient un défaut, sur les systèmes tel que X11 où la palette est partagée entre les applications, de plus petits cubes de couleurs RVB (5×5×5 ou 4×4×4) sont souvent alloués par les navigateurs — ainsi, les couleurs garanties sur le web trament sur de tels systèmes. De meilleurs résultats étaient obtenus en fournissant une image avec une plus large gamme de couleurs et permettant au navigateur de quantifier l'espace de couleur si nécessaire, plutôt que de subir la perte de qualité d'une double quantification.
Dans les premières années du XXIe siècle, conduits par les besoins du jeu vidéo et de la photographie numérique, les ordinateurs personnels ont au moins des couleurs en 16 bits et généralement 24 bits (couleurs vraies). Même les appareils mobiles ont au moins les couleurs en 16 bits, du fait des options caméras sur les téléphones mobiles. L'utilisation des couleurs garanties web est tombé en désuétude, mais persiste dans le folklore.
Le système de la palette garantie pour le web persiste comme étant la palette avec le plus grand nombre de couleurs distinctes, où chaque couleurs peuvent être distingué séparément par l’œil humain.
Les couleurs garanties pour le web n'ont pas de noms, mais chacune peut être spécifiée par un triplet RGB. Dans le tableau ci-dessous, un nombre de trois caractères est utilisé comme raccourci pour la notation sur 6 caractères utilisée plus haut. (Le langage des feuilles de style en cascade permet à la fois la notation à 3 chiffres et celle à 6 chiffres « fai[sant] disparaître toutes dépendances sur la profondeur de couleur de l'affichge».)
Le chiffre « 3 » équivaut au nombre hexadécimal 33 ; « C » équivaut à « CC ». Par exemple, « F63 » dans la tableau ci-dessous est équivalent à « #FF6633 » dans le système utilisé précédemment. Le tableau ci-dessous se trouve les valeurs pour les 6 tons pour chacune des 3 composantes de couleur des 256 couleurs possibles.
| chiffre | hexadécimal | décimal |
|---|---|---|
| 0 | 00 | 0 |
| 3 | 33 | 51 |
| 6 | 66 | 102 |
| 9 | 99 | 153 |
| C ou (12) | CC | 204 |
| F ou (15) | FF | 255 |
Le tableau suivant montre toutes les couleurs « garanties pour le web », soulignant les couleurs vraiment garanties (voir la ). L'absence de correction gamma implique que les six intensités souhaitées 0 %, 20 %, 40 %, 60 %, 80 %, et 100 % sont affichés à 0 %, 2 %, 10 %, 28 %, 57 %, et 100 % dans un standard 2,5 gamma CRT ou LCD, faisant la plupart des couleurs très sombres. Les intensités dans le bas de la gamme, particulièrement entre 0 et 3, sont quasiment indiscernables les unes des autres :
Tableau de couleur
| *000* | 300 | 600 | 900 | C00 | *F00* |
| *003* | 303 | 603 | 903 | C03 | *F03* |
| 006 | 306 | 606 | 906 | C06 | F06 |
| 009 | 309 | 609 | 909 | C09 | F09 |
| 00C | 30C | 60C | 90C | C0C | F0C |
| *00F* | 30F | 60F | 90F | C0F | *F0F* |
| 030 | 330 | 630 | 930 | C30 | F30 |
| 033 | 333 | 633 | 933 | C33 | F33 |
| 036 | 336 | 636 | 936 | C36 | F36 |
| 039 | 339 | 639 | 939 | C39 | F39 |
| 03C | 33C | 63C | 93C | C3C | F3C |
| 03F | 33F | 63F | 93F | C3F | F3F |
| 060 | 360 | 660 | 960 | C60 | F60 |
| 063 | 363 | 663 | 963 | C63 | F63 |
| 066 | 366 | 666 | 966 | C66 | F66 |
| 069 | 369 | 669 | 969 | C69 | F69 |
| 06C | 36C | 66C | 96C | C6C | F6C |
| 06F | 36F | 66F | 96F | C6F | F6F |
| 090 | 390 | 690 | 990 | C90 | F90 |
| 093 | 393 | 693 | 993 | C93 | F93 |
| 096 | 396 | 696 | 996 | C96 | F96 |
| 099 | 399 | 699 | 999 | C99 | F99 |
| 09C | 39C | 69C | 99C | C9C | F9C |
| 09F | 39F | 69F | 99F | C9F | F9F |
| 0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 |
| 0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
| 0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 |
| 0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
| 0CC | 3CC | 6CC | 9CC | CCC | FCC |
| 0CF | 3CF | 6CF | 9CF | CCF | FCF |
| *0F0* | 3F0 | *6F0* | 9F0 | CF0 | *FF0* |
| 0F3 | *3F3* | *6F3* | 9F3 | CF3 | *FF3* |
| *0F6* | *3F6* | 6F6 | 9F6 | *CF6* | *FF6* |
| 0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
| *0FC* | *3FC* | 6FC | 9FC | CFC | FFC |
| *0FF* | *3FF* | *6FF* | 9FF | CFF | *FFF* |
Couleurs vraiment garanties pour le web
Les concepteurs sont souvent encouragés à rester fidèles aux 216 couleurs garanties pour le web dans l'élaboration de leur site web ; les moniteurs de couleur 8 bits étaient plus courants quand la palette de 216 couleurs a été établie qu'ils ne le sont aujourd'hui. David Lehn et Hadley Stern ont découvert que seules 22 des 216 couleurs de la palette sont fidèlement affichées sans remappage incohérent sur des moniteurs 16 bits. Ils appelèrent ces 22 couleurs la palette vraiment garantie ("really safe" palette) ; elle est composée principalement de tons de vert et de jaune, comme on peut le voir dans le , où les couleurs vraiment sécurisées sont surlignées.
