Les deux orthographes existent mais sont inégalement interprétées dans les navigateurs. On écrira plutôt « gray », avec un « a ».
Une couleur, deux orthographes
En langue anglaise, le mot désignant la couleur grise accepte deux orthographes :
- grey is a colour : orthographe britannique
- gray is a color : orthographe américaine
Les Canadiens ont tendance à préférer « grey ». C’est aussi un nom de famille courant, qui accepte l’une ou l’autre orthographe à travers le monde.
Spécifier les couleurs du Web par leur nom
Pour spécifier les couleurs qui composent un document web on peut, dans certains cas, utiliser leur nom commun en anglais. C’est ce que je fais souvent pour la rédaction d’exemples pédagogiques où je souhaite éviter les hermétiques codes hexadécimaux.
La spécification du HTML 4.01 définit 16 couleurs standard : aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white et yellow.
Le langage des feuilles de style en cascade (CSS) définit les mêmes couleurs. On écrira donc, par exemple : .bordure { border: 1px solid gray; }
Toutes les nuances de gris
Au total, une dizaine de nuances de gris sont disponibles parmi les noms anglais reconnus par les navigateurs actuels : lightgray, gray, darkgray, dimgray, lightslategray, slategray et darkslategray (contre 254 nuances en format hexadécimal).
| Nom HTML | Code hexadécimal | Code décimal RGB |
|---|---|---|
| White | FF FF FF | 255 255 255 |
| Gainsboro | DC DC DC | 220 220 220 |
| LightGrey | D3 D3 D3 | 211 211 211 |
| Silver | C0 C0 C0 | 192 192 192 |
| DarkGray | A9 A9 A9 | 169 169 169 |
| Gray | 80 80 80 | 128 128 128 |
| DimGray | 69 69 69 | 105 105 105 |
| LightSlateGray | 77 88 99 | 119 136 153 |
| SlateGray | 70 80 90 | 112 128 144 |
| DarkSlateGray | 2F 4F 4F | 47 79 79 |
| Black | 00 00 00 | 0 0 0 |
On note plusieurs anomalies dans cette palette de gris où les nuances ne sont pas réparties de façon régulière : les trois derniers « slategray » sont légèrement saturées en cyan, où « lightslategray » et « slategray » sont de très proches voisines, et « gray » est beaucoup trop foncé par rapport à « darkgray » qui signifie pourtant « gris foncé » mais est plus proche de la nuance « silver » qui signifie « argent »... Cette étrange palette résulte des conflits et ajustements entre le gris du HTML d’origine et celui du système X11 des premières versions des fameux navigateurs Mosaic et Netscape.
Le nom de la couleur grise a finalement été attribué à la plus légère des deux teintes : 128 également connu sous le nom de #808080.
Tout se gâte avec IE...
Toutes ces nuances de gris s’écrivent avec un « a ». Mais les navigateurs actuels interprètent « gray » et « grey » de la même façon.
Cependant l’orthographe britannique, avec un « e », héritée des noms de couleurs X11, peut provoquer des erreurs. Le navigateur de Microsoft, Internet Explorer, ne reconnaît pas « grey » et l’interprète parfois comme... « green » (vert) !
Exemple de gris écrit gray et grey.
Et voici comment cela s’affiche dans les différents navigateurs actuels :
Vos commentaires
1. Le 26 avril 2009 à 18:23, par Maïeul
En réponse à : grey ou gray ?
d’où l’interêt à mes yeux de mettre systématiquement la couleur en code hexadécimal
Répondre à cet article
Suivre les commentaires :
| 