Zh-hans:Key:colour

colour
说明
与对象关联的颜色
组: annotations
用于这些元素
常用组合
route=* route=train
状态：实际使用
colour=* More details at taginfo
此标签的工具
taginfo · AD · AT · BE · BR · BY · CH · CH² · CN · CZ · DE · DACH · DK · FI · FR · GB · GR · HU · IE (N+S) · IN · IR · IT · LI · LU · JP · KP · KR · NL · NO · PL · PT · RU · ES · AR · MX · CO · BO · CL · EC · PY · PE · UY · VE · TW · UA · US · VN overpass-turbo QLever Postpass via overpass-turbo OSM Tag History

本页面由 AI 从英文页面翻译而来，内容需要人工复核。

使用 colour=* 来指明与对象关联的、位于 sRGB 色域内的官方颜色，例如通常与公共交通线路关联的颜色。它也常被使用来描述某个对象（如 amenity=bench）的实际颜色。

重要提示：该键使用 "colour" 的英式拼写，而非 "color"（美式英语拼写）。请参阅下方的已弃用标签。

如何标注

取值应为：

• 一个 Web RGB colour code（十六进制三元组），例如红色为 #FF0000。此 RGB 代码可描述约 1600 万种不同的颜色。
  • 仅含 3 个十六进制数字的较短 RGB 代码也是可行的：它等同于 6 位 RGB 代码中每一位数字（即 3 位代码的各个数字）都重复一次（参见下表示例）。这种短代码（也是 HTML 和 CSS 中的标准）可描述 4096 种不同的颜色。
• 一个 CSS 颜色名称（多为美式英语颜色名），使用小写（对于非特定的颜色应优先使用通用名称，例如用 red 而不是 firebrick），且不含任何连字符分隔符（当使用 CSS 规范中 "Extended colour set" 里的复合颜色名时）。尽管 CSS 规范规定颜色名对 ASCII 大小写不敏感，但小写这一限制目前仍然有效。

颜色名称

据报道，各渲染器对颜色名称的支持并不一致。使用这些名称时存在一个两难：

• 来自 CSS 1.0 的 16 个"基本颜色名"几乎被所有渲染器普遍支持。然而，它们在可读性和美观性方面都很糟糕。
• HTML 逐渐演变为使用更长的颜色列表（参见 Wikipedia list）——这些颜色在 CSS 颜色模块第 3 级中得到整合。这些颜色略好一些，但某些地方仍不一致（例如 "lightpink" 比 "pink" 更深！）。它们也并非被所有渲染器识别。

如果你希望同时最大化兼容性、可读性和美观性，十六进制代码是最佳选择。

16 种 CSS 1.0 基本颜色

示例	RGB 十六进制	W3C 颜色名称		示例	RGB 十六进制	W3C 颜色名称
	#000000 (or #000)	black			#FFFFFF (or #FFF)	white
	#808080	greyBE (or grayAE)			#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 上最常用的标签列表：

取值	可被解读为 RGB 十六进制	使用量		图表
colour=brown	#804000				📈
colour=red	#FF0000				📈
colour=yellow	#FFFF00				📈
colour=green	#008000				📈
colour=gray	#808080				📈
colour=white	#FFFFFF				📈
colour=black	#000000				📈
colour=blue	#0000FF				📈
colour=grey	#808080				📈
colour=orange	#FF8000				📈

更多内容请见 https://taginfo.openstreetmap.org/keys/colour#values

一个对象上的多种颜色

当一个对象上有多种颜色时，可以使用命名空间语法——存在若干 colour=* 前缀（colour:*=*）和后缀（*:colour=*）。

• building=* 上的前缀
  • building:colour=* – 建筑颜色
  • roof:colour=* – 屋顶颜色（自上而下所见）
• traffic_sign=* 上的后缀
  • colour:back=* – 标志的底色
  • colour:text=* – 标志上文字的颜色

渲染

colour=* 键目前不在任何特色瓦片图层中渲染，因为 mapnik 无法从数据库获取样式。 尽管如此，持续使用和应用该键会增加其未来可能被渲染的机会。

该标签被用于诸如 OsmAnd / Organic Maps 等应用以及一些 3D 可视化程序。

来自 Tracestrack 的地铁路线叠加层支持此标签。

取值样式支持

软件	3 位十六进制	6 位十六进制	CSS 基本颜色	CSS 3 扩展颜色	CSS 3 "transparent"	CSS 4 "rebeccapurple"
F4 Map	是	是	非标准	非标准	否	否
MapComplete	是	是	是	是	否	是
OsmAnd	部分的	部分的	非标准	部分的	否	否
OSMBuildings	是	是	是	是	否	是
OSM2World	否	是	非标准	是	否	否
Streets GL	否	是	是	是	否	是
MapLibre	是	是	是	是	是	是

已弃用标签

曾有一种使用美式英语拼写的备选标签名 color=*。遵循键与取值采用英式英语的惯例，这一备选写法已弃用。通过 2021 年的大规模编辑，这些标签已被迁移至 colour=*。参见：https://taginfo.openstreetmap.org/keys/color#chronology

请注意，该标签取值中的名称仍应遵循 W3C 标准。

可能的标注错误

Color=*

More details at taginfo

More details at taginfo

• Color=*🔎 ‒ 请考虑改用 colour=*。 📈

如果你知道有使用这个标签的地方的话，请确认能否使用其他标签代替。
我们非常不鼓励你使用自动化编辑，除非你知道自己在做什么！

工具

• RGB Color Calculator – 分别增减 RGB 或 HSV 分量
• Html Colors
• HTML Color Names
• Sass Color Generator – 变亮、变暗、提高饱和度、降低饱和度
• Chrome 和 Firefox 开发者工具中提供了取色器（吸管）

参见

• building:colour=* – 建筑立面的颜色。可能的取值参见 colour=*。
• destination:colour=* – 目的地指示牌的颜色。
• roof:colour=* – 建筑屋顶的颜色。可能的取值参见 colour=*。
• seamark:object:colour – 海标对象的颜色。
• ref:colour=* – 道路指示牌上所见公路编号的颜色。
• light:colour=* – 所发出光线的颜色。
• 最受欢迎的公共交通线路颜色的 Sophox 气泡图