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 颜色名称、其在 hsl 和 rgb hex 表示法中的值,两者的不透明度(alpha)均为 1。如果有人想更改不透明度,他有不同的机会:SVG 属性 opacity
、hsla 语法或 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 名称。
请按以下顺序选择图形的颜色
- 基本颜色名称
- 扩展颜色名称
- HSL 示例。HSL、RGB 和 Hex 是表示颜色值的等效符号(只不过是“语法建议”,而且还有许多转化器)。对于 PDF 文档的生成,我们目前使用的是版本 2.1 的
fop
。遗憾的是,该版本不支持 HSL 语法。因此,我们只能使用 RGB 或 Hex,而 HSL 更直观。 - 任何 RGB 或 Hex 值。
我们更喜欢“50 种蓝色”。