FR:Key:colour
 colour
|
 |
| Description |
|---|
La couleur associée à un objet 
|
| Groupe: Annotations |
| Utilisé pour ces éléments |
    |
| Combinaisons utiles |
| Statut : de fait |
| Outils pour cet attribut |
|
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 (principalement en anglais américain) en minuscules (les noms génériques doivent être privilégiés pour les couleurs non-spécifiques, par exemple
redau 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 :
- 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
#123est é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).
- 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
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 | Aperçu | RGB hex | Nom de couleur | ||
|---|---|---|---|---|---|---|---|---|---|---|
| #000000 (ou #000) | black | #808080 | gray (ou grey) | #FFFFFF (ou #FFF) | white | |||||
| #C0C0C0 | silver | |||||||||
| #800000 | maroon | #FF0000 (ou #F00) | red | #FF80AB | pink | |||||
| #A52A2A | brown | #FFA500 | orange | #fed6c1 | salmon | |||||
| #808000 | olive | #FFFF00 (ou #FF0) | yellow | #FFFF8D | lightyellow | |||||
| #008000 | green | #00FF00 (ou #0F0) | lime | #B9F6CA | lightgreen | |||||
| #008080 | teal | #00FFFF (ou #0FF) | aqua (ou cyan) | |||||||
| #000080 | navy | #0000FF (ou #00F) | blue | #ADD8E6 | lightblue | |||||
| #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).
Rendu
La clé colour=* n'est actuellement rendue dans aucune des couches de couches de tuiles en vedette. Malgré cela, l'utilisation et l'application continues de la clé encouragent les chances qu'elle soit rendue à l'avenir. Cette balise est utilisée dans des applications telles que OSMAnd / Organic Maps et certains programmes de visualisation 3D.
Attribut déprécié
L'orthographe color provenant de l'anglais américain est moins courante Taginfo et est listé dans les tags dépréciés, les tags étaient par cohérence ceux provenant de l'anglais britannique.
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
Erreurs d'attributs fréquentes ou possibles
Voir aussi
building:colour=*- Couleur de la façade du bâtiment. Voir les valeurs possiblescolour=*.destination:colour=*- Couleur des panneaux de destinations.ref:colour=*- Couleur de la référence d'une route telle qu'elle est visible sur la signalisation routière.roof:colour=*- Couleur du toit du bâtiment. Voir les valeurs possiblescolour=*.- seamark:<objet>:colour=* et seamark:<objet>:colour_pattern=* - Couleur de la signalisation maritime.