SVG 图形中的颜色

来自 PostgreSQL wiki
跳转到导航跳转到搜索

PostgreSQL 文档中 SVG 图形中的颜色

在 1600 万种颜色的宇宙中,有些颜色带有单独的颜色名称。过去,此类颜色名称由不同的组织或标准定义:X11、HTML、CSS、SVG,这导致了一些混淆。SVG 在 1.1 版本(1.2 版从未获得官方标准)结束尝试定义其自身的颜色名称,HTML 在 4.2 版结束。HTML 5 及当前 SVG 2.0 候选建议书(2018 年 10 月 4 日)将此问题的责任转移到 CSS [1]

我们展示了一些这些 CSS 颜色名称、其在 hslrgb hex 表示法中的值,两者的不透明度(alpha)均为 1。如果有人想更改不透明度,他有不同的机会:SVG 属性 opacityhsla 语法或 rgba 语法,例如:rgba(255, 0, 0, 0.5)。不建议使用 8 位十六进制值,因为它未在 CSS 中定义(并且似乎以不一致的方式实现:alpha 通道排在前或排在后?)。

红色 hsl(0, 100%, 50%)
#ff0000
黄色 hsl(60, 100%, 50%)
#ffff00
绿色 / 酸橙绿 hsl(120, 100%, 25%)
#008000
hsl(120, 100%, 50%)
#00ff00
浅绿色 hsl(180, 100%, 50%)
#00ffff
深蓝色 / 蓝色 hsl(240, 100%, 25%)
#000080
hsl(240, 100%, 50%)
#0000ff
黑色 / gray / 银色 / 白色 hsl(0, 0%, 0%)
#000000
hsl(0, 0%, 50%)
#808080
hsl(0, 0%, 75%)
#c0c0c0
hsl(0, 0%, 100%)
#ffffff


对于 PG SVG 中颜色的使用,我们建议将其限制在较小的数量内,如果你喜欢使用颜色名称而不是数字值,则使用 CSS 标准 中定义的 CSS 名称。

请按以下顺序选择图形的颜色

  1. 基本颜色名称
  2. 扩展颜色名称
  3. HSL 示例。HSL、RGB 和 Hex 是表示颜色值的等效符号(只不过是“语法建议”,而且还有许多转化器)。对于 PDF 文档的生成,我们目前使用的是版本 2.1 的fop。遗憾的是,该版本不支持 HSL 语法。因此,我们只能使用 RGB 或 Hex,而 HSL 更直观。
  4. 任何 RGB 或 Hex 值。

我们更喜欢“50 种蓝色”。