grey ou gray ?

30 mars 2009,
par Romy Têtue

Mots-clefs associés à cet article :

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 couleurs hexadécimales.

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).

Couleurs grises
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

  • Le 26 avril 2009 à 18:23, par Maïeul En réponse à : grey ou gray ?


    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) !


    d’où l’interêt à mes yeux de mettre systématiquement la couleur en code hexadécimal

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici
  • Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Suivre les commentaires : RSS 2.0 | Atom