FR:Key:colour
![]() |
Description |
---|
La couleur associée à un objet ![]() |
Groupe: Annotations |
Utilisé pour ces éléments |
Combinaisons utiles |
Statut : utilisé |
|
Outils pour cet attribut |
Wikidata |
Q1075 |
Employez colour=* pour exprimer la couleur officielle associée à un objet, par exemple une ligne de transports en commun.
Comment cartographier
La valeur doit être:
- un code couleur RGB (triplet hexadécimal) à 6 chiffres (ou 3 chiffres), par exemple
#FF0000
(ou#F00
) pour le rouge. - un nom de couleur CSS (toujours en anglais) en minuscules (les noms génériques doivent être privilégiés pour les couleurs non-spécifiques, par exemple
red
au lieu de la nuance différentefirebrick
), et sans utiliser de tiret (lorsqu'on utilise des noms composés de couleur provenant du "jeu de couleurs étendu" des spécifications CSS).
Notes :
- L'orthographe alternative color est utilisée dans une moindre mesure, voir Taginfo. Ceci étant probablement du à une erreur dans l'éditeur JOSM, elle devrait être remplacée par l'orthographe correcte lors de l'édition des objets. Pour rappel, quand il existe deux orthographes alternatives pour un mot en anglais américain ("color") et en anglais britannique ("colour"), OSM utilise l'orthographe britannique par convention pour nommer les tags et la plupart des valeurs (hormis les noms et descriptions en langue locale, qui peuvent être traduits avec un suffixe de langue ajouté au nom du tag).
- Mais cela ne s'applique pas aux noms de couleurs indiqués en valeur qui, pour compatibilité avec la norme CSS de base, préfèrent les noms américains (noter aussi qu'en dehors des 16 couleurs de base avec leur nom standard, certains anciens moteurs de rendu affichent des nuances légèrement différentes et dans ce cas il est préférable d'utiliser les triplets RGB hexadécimaux).
- La syntaxe des triplets RGB hexadécimaux de 3 chiffres est équivalente à celle de 6 chiffres, en répétant chaque chiffre hexadécimal. Par exemple
#123
est équivalent à#112233
: 3 chiffres permettent de spécifier 4096 couleurs différentes (dont 8 des 16 couleurs de base ci-dessous), 6 chiffres permettent plus de 16 millions de couleurs (dont les 4096 couleurs précédentes, et toutes les 16 couleurs de base ci-dessous).
Les 16 couleurs de base ci-dessous (standard CSS pour intégration en HTML et SVG) sont recommandés pour une meilleure prise en charge des moteurs de rendu (leur orthographe standard utilise l'anglais américain, le synonyme grey peut être également reconnu pour l'anglais britannique mais non recommandé ; quelques autres synonymes fréquemment rencontrés proviennent des noms de couleurs issus du standard X11 et sont pris en charge dans les plus anciens navigateurs web et moteurs de rendu CSS, ils ont depuis été ajoutés au standard CSS et restent reconnus dans les navigateurs web actuels) :
Aperçu | RGB hex | Nom de couleur | Aperçu | RGB hex | Nom de couleur | |
---|---|---|---|---|---|---|
#000000 (ou #000) | black | #FFFFFF (ou #FFF) | white | |||
#808080 | gray (ou grey) | #C0C0C0 | silver | |||
#800000 | maroon | #FF0000 (ou #F00) | red | |||
#808000 | olive | #FFFF00 (ou #FF0) | yellow | |||
#008000 | green | #00FF00 (ou #0F0) | lime | |||
#008080 | teal | #00FFFF (ou #0FF) | aqua (ou cyan) | |||
#000080 | navy | #0000FF (ou #00F) | blue | |||
#800080 | purple | #FF00FF (ou #F0F) | fuchsia (ou magenta) |
Notez que les couleurs sombres (dans la partie gauche du tableau, à l'exception du noir et du gris) peuvent causer un problème d'accessibilité pour une part significative de la population (notamment chez l'homme, dont 15% à 18% seraient affectés par une forme de daltonisme). Utilisez ces couleurs avec modération (notamment pour le texte) afin de garder du contraste et de la visibilité (le problème est souvent moins critique pour les couleurs de fond mais il peut affecter la différenciation des objets rendus sur de petites surfaces).
Outils pratiques
- Noms de couleurs CSS (utilisés en HTML et SVG) (recommandations officielles W3.org )
- Calculateur de code couleur RGB
- Autres outils de code couleur RGB
- Noms de couleur
- HTML color names (alternatif, non recommandé)
- Extension pour Google Chrome, pour définir une couleur depuis votre écran
Voir aussi
- building:colour=* - Couleur de la façade du bâtiment. Voir les valeurs possibles colour=*.
- roof:colour=* - Couleur du toit du bâtiment. Voir les valeurs possibles colour=*.
- ref:colour=* - Couleur de la référence d'une route telle qu'elle est visible sur la signalisation routière.