RU:Key:colour
 colour
|
 |
| Описание |
|---|
Цвет, ассоциирующийся с объектом  
|
| Группа: annotations |
| Используется на элементах |
    |
| Полезные сочетания |
| Статус: де-факто |
| Инструменты |
Используйте colour=*, чтобы указать официальный цвет в цветовой гамме sRGB, связанный с объектом, например цвет, который обычно ассоциируется с маршрутом общественного транспорта. Он также часто используется для описания реального цвета объекта, например, для скамейки amenity=bench.
Иногда используется американская форма color=*, но сообщество обычно предпочитает британскую. Форма «color» записана в разделе «Устаревшие элементы».
Как отмечать на карте
Значение должно быть:
Цветовой код Web RGB (шестизначный код цвета), напр. #FF0000 для красного. Этот код RGB позволяет описать около 16 миллионов различных оттенков.
- Также возможен более короткий код RGB, состоящий всего из 3 шестнадцатеричных цифр: он эквивалентен 6-значным кодам RGB, в которых каждая отдельная цифра (из 3-значного кода) удваивается (см. примеры в таблице ниже). Этот короткий код (также стандартный для HTML и CSS) позволяет описать 4096 различных оттенков.
- Название цвета CSS (в основном американские названия цветов на английском языке) в нижнем регистре (для обозначения неконкретных цветов следует использовать общие названия, например red вместо firebrick), и без разделителя в виде тире (при использовании составных названий цветов в "Расширенном наборе цветов" в спецификации CSS). Ограничение на использование строчных букв в настоящее время действует, несмотря на то, что в спецификации CSS указано, что названия цветов в кодировке ASCII не чувствительны к регистру.
Названия цветов
Сообщается, что рендереры по-разному поддерживают названия цветов. При использовании этих названий возникает дилемма:
- 16 «основных названий цветов» из CSS 1.0 поддерживаются практически всеми рендерерами. Однако они ужасны с точки зрения читабельности и эстетики.
- HTML постепенно эволюционировал в сторону использования более широкого спектра цветов (см.Wikipedia list) -- консолидированный в CSS colour Module Level 3. С этими цветами дела обстоят немного лучше, но местами они все еще выглядят неоднородно (напр. "lightpink" темнее, чем "pink"!). Кроме того, они поддерживаются не всеми рендерерами.
Если вам нужно добиться максимальной совместимости, удобочитаемости и эстетичности, выбирайте шестнадцатеричный код.
| Sample | RGB hex | W3C colour name | русское название | Sample | RGB hex | W3C colour name | русское название | |
|---|---|---|---|---|---|---|---|---|
| #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) | пурпурный |
Taginfo
Вот список наиболее часто используемых тегов на сайте taginfo:
| Value | may be interpretated as RGB hex | Uses | Charts | ||
|---|---|---|---|---|---|
colour=brown
|
#804000 | 
|
|
📈 | |
colour=red
|
#FF0000 |
|
|
📈 | |
colour=yellow
|
#FFFF00 |
|
|
📈 | |
colour=gray
|
#808080 |
|
|
📈 | |
colour=green
|
#008000 |
|
|
📈 | |
colour=white
|
#FFFFFF |
|
|
📈 | |
colour=black
|
#000000 |
|
|
📈 | |
colour=blue
|
#0000FF |
|
|
📈 | |
colour=orange
|
#FF8000 |
|
|
📈 | |
see more on https://taginfo.openstreetmap.org/keys/colour#values
Несколько цветов на объекте
Если объект окрашен в несколько цветов, используется синтаксис пространства имён — существует несколько префиксов colour=* (colour:*=*) и постфиксов (*:colour=*).
- префиксы на
building=*building:colour=*- цвет зданияroof:colour=*- Цвет крыши (вид сверху)
- постфиксы на
traffic_sign=*colour:back=*- цвет фона вывескиcolour:text=*- цвет текста на вывеске
Визуализация
Ключ colour=* в настоящее время не отображается ни в одном из featured tile layers, поскольку Mapnik не может использовать стили из базы данных.[1] Несмотря на это, дальнейшее использование ключа повышает вероятность того, что в будущем он будет отображаться.
Тег используется в таких приложениях, как OsmAnd / Organic Maps и некоторых программах для 3D-визуализации.
The Subway routes overlay from Tracestrack supports this tag.
| Приложение | 3-значный шестнадцатеричный код | шестнадцатеричный код из 6 цифр | Основные цвета CSS | Расширенные цвета CSS 3 | CSS 3 «прозрачный» | CSS 4 "ребекка пурпурная" |
|---|---|---|---|---|---|---|
| F4 Map | да | да | нестандартный[2] | нестандартный[2] | нет | нет |
| MapComplete | да | да | да | да | нет | да |
| OsmAnd | частично[3] | частично[3] | нестандартный | частично[3] | нет | нет |
| OSMBuildings | да | да | да | да | нет | да |
| OSM2World | нет | да | нестандартный[2] | да | нет | нет |
| Streets GL | нет | да | да | да | нет | да |
| MapLibre | да | да | да | да | да | да |
Deprecated tags
There was an alternative spelling color=* in use for the tag name, using the American English spelling. Conforming to the convention of using British English for tags and values this alternative was deprecated. By means of mass edits in 2021 these were migrated to colour=*. See: https://taginfo.openstreetmap.org/keys/color#chronology
Note that the names in this tag's value should still follow the W3C standard.
Возможные ошибки при маркировке
Инструменты
- RGB Color Calculator - Увеличивайте или уменьшайте значения компонентов RGB или HSV по отдельности
- Цвета Html
- Названия цветов в HTML
- Sass Color Generator - осветлить, затемнить, сделать насыщенным, обесцветить
- Палитра цветов (пипетка) доступна в инструментах разработчика Chrome и Firefox
Смотрите также
building:colour=*- Цвет фасада здания. Возможные значения см. в разделеcolour=*.destination:colour=*- Цвет указателей.roof:colour=*- Цвет крыши здания. Возможные значения см. в разделеcolour=*.- seamark:object:colour - Цвет объектов морских меток.
ref:colour=*- Цвет дорожных указателей на шоссе.light:colour=*- Цвет излучаемого света.- Пузырьковая диаграмма Sophox с отображением самых популярных маршрутов общественного транспорта
- ↑ https://help.openstreetmap.org/questions/12944/transport-colours
- ↑ 2.0 2.1 2.2 По художественным соображениям этот рендерер использует для некоторых названий цветов значения RGB, отличные от тех, что указаны в CSS. Например,
colour=yellowможет отображаться как RGB#FFEA04вместо#FFFF00. - ↑ 3.0 3.1 3.2 Преобразован в набор из 16 цветов. #12557 (как это сделать)