DE:Key:colour
colour |
Beschreibung |
---|
Die dem Objekt zugeordnete Farbe |
Gruppe: Anmerkungen |
Für diese Elemente |
Sinnvolle Kombinationen |
Status: de facto |
Werkzeuge für dieses Attribut |
|
Die Eigenschaft colour=* wird verwendet, um die dem Objekt zugeordnete offizielle Farbe innerhalb des sRGB-Farbraumes anzugeben, z. B. die Farbe, die normalerweise einer Route für öffentliche Verkehrsmittel zugeordnet ist.
Es wird auch verwendet, um die tatsächliche Farbe eines Objekts wie amenity=bench zu beschreiben.
Wie mappen?
Der Wert sollte sein:
- eine Webfarbe (hex triplet), z. B. #FF0000 für rot. Mit diesem RGB-Code können etwa 16 Millionen verschiedene Farben beschrieben werden.
- Ein kürzerer RGB-Code mit nur 3 Hexadezimalziffern ist ebenfalls möglich: Er entspricht den 6-stelligen RGB-Codes, bei denen jede einzelne Ziffer (des 3-stelligen Codes) verdoppelt wird (siehe Beispiele in der folgenden Tabelle). Dieser Kurzcode (auch Standard in HTML und CSS) ermöglicht die Beschreibung von 4096 verschiedenen Farben.
- ein CSS Farbname (meistens amerikanischer Name) in kleinen Buchstaben und ohne Trennzeichen.
Die folgenden 16 "Grundfarbnamen" (in CSS für die Verwendung in HTML und SVG standardisiert) werden für die beste Unterstützung in verschiedenen Kartenrenderern empfohlen.
Beispiel | RGB hex | W3C Farbname | Beispiel | RGB hex | W3C Farbname | |
---|---|---|---|---|---|---|
#000000 (or #000) | black | #FFFFFF (or #FFF) | white | |||
#808080 | gray (or grey) | #C0C0C0 | silver | |||
#800000 | maroon | #FF0000 (or #F00) | red | |||
#808000 | olive | #FFFF00 (or #FF0) | yellow | |||
#008000 | green | #00FF00 (or #0F0) | lime | |||
#008080 | teal | #00FFFF (or #0FF) | aqua (or cyan) | |||
#000080 | navy | #0000FF (or #00F) | blue | |||
#800080 | purple | #FF00FF (or #F0F) | fuchsia (or magenta) |
Eine umfassendere Liste von Farbschlüsselwörtern wurde vom CSS-Farbmodul Level 3 [1] festgelegt, das von allen gängigen Internetbrowsern unterstützt wird (diese Liste auch; füge "color" Synonyme für britisches Englisch hinzu, wobei der Grundfarbensatz amerikanische englische Namen verwendet). Bitte beachten Sie jedoch, dass diese nicht von allen Renderern erkannt werden. Hexadezimaltripletts, wie oben beschrieben, sind in diesem Fall bevorzugt.
Rendering
Der Key colour=* wird derzeit in keiner der Featured tile layers geerendert. Weitere anhaltende Verwendung des Key erhöht die Chance, dass er in Zukunft gerendert wird. Der Key wird in OSMAnd / Organic Maps und für 3D Visualisation genutzt.
Veraltete Tags
Beachte: Es gibt auch eine alternative Schreibweise color=* für den Tag-Namen, siehe a compare in Taginfo. "Color" ist die Alternative, die im amerikanischen Englisch verwendet wird. In der Regel bevorzugt die Community jedoch die Verwendung der britischen Schreibweise, um die Konsistenz zu gewährleisten. Dieser alternative Name ist in Veraltete Funktionen aufgeführt.
Werkzeuge
- w3.org Farbnamen für CSS (verwendet in HTML und SVG) (offizielle W3.org Empfehlung)
- drpeterjones.com RGB Farb-Code-Rechner
- perbang.dk RGB Color Browser
- github.com/One-com Farbnamen benannter Farben
- htmlcolors.com HTML-Farben
- html-color-codes.info HTML-Farbnamen (alternativ, nicht empfohlen)
- chrome.google.com "ColorPick Eyedropper" Erweiterung für Google Chrome, die einfaches "Picken" von Farben auf dem Bildschrim erlaubt. Auch ohne diese Erweiterung ist ein "color picker" in der Developer Console eingebaut, im Fenster Styles pane.
- davidjohnstone.net Colour gradient picker
- scg.ar-ch.org Sass Color Generator - lighten, darken, saturate, desaturate
Siehe auch
- building:colour=* - Farbe der Fassade.
- roof:colour=* - Farbe des Daches.
- ref:colour=* - Farbe der Straßen-Kennzeichnung entsprechend der Darstellung auf Verkehrsschildern.