SVG 颜色

SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，可以描述二维图形和图形应用程序。SVG中的颜色可以使用多种方式进行表示，使其非常灵活和可定制。

颜色表示

命名颜色

SVG支持一些已命名的颜色，如"red"、"green"、"blue"等。

<rect x="10" y="10" width="50" height="50" fill="red"/>

十六进制颜色

也可以使用十六进制表示颜色。每个颜色用6个十六进制数字表示，分别代表红色，绿色和蓝色的强度。

<rect x="10" y="10" width="50" height="50" fill="#FF0000"/>

RGB颜色

使用RGB（Red, Green, Blue）值来表示颜色也是一种常用方式。它表示红色，绿色和蓝色的强度，每个值在0到255之间。

<rect x="10" y="10" width="50" height="50" fill="rgb(255, 0, 0)"/>

透明度

SVG的颜色属性还支持透明度的设置，使用一个由0到1之间数值的小数来表示。

<rect x="10" y="10" width="50" height="50" fill="rgba(255, 0, 0, 0.5)"/>

指定当前颜色

SVG中，可以使用CSS的当前颜色属性来实现在一个元素中多次应用相同的颜色，这在你想要重新定义一个标准颜色时非常有用。

<rect x="10" y="10" width="50" height="50" fill="currentColor" stroke="black" stroke-width="2"/>

CSS样式

如果你的SVG文档是HTML文档的一部分，你可以使用CSS对SVG中的颜色进行样式处理。

rect {
  fill: red;
}

<rect x="10" y="10" width="50" height="50"/>

总结

通过上述方法，可以在SVG中使用多种方式来表示颜色。使用透明度属性可以使你的图形更加灵活，使用CSS可以在整个文档中实现颜色样式的一致性。不同的颜色表示方式，可以根据具体需求选择使用。