Colores SVG

4D v18

Colores SVG

Definición de colores

SVG reconoce todas las sintaxis alternativas para los colores definidos en la norma CSS2. Los comandos del componente 4D SVG soportan todas estas sintaxis.

Un color puede expresarse en una de las formas siguientes:

Formato RGB
Formato Ejemplo
#rgb #f00
#rrggbb #ff0000
rgb(r,g,b) rgb(255,0,0)
rgb(100%, 0%, 0%)

Formato clave "color"
SVG acepta una extensa lista de palabras claves de nombres de color, por ejemplo "red".

La lista de palabras claves, así como sus equivalentes RGB se encuentra en el 4D SVG Constants: y . También puede ver esta lista e insertar directamente los valores de colores vía la paleta de colores de 4D SVG. Para más información acerca de este punto, consulte Herramientas de desarrollo Herramientas de desarrollo.

None

Pase la palabra clave "none" en los parámetros colorPrimerPlano o colorFondo para no tener un relleno o un trazo en absoluto. La palabra clave "ninguno" se puede usar con la mayoría de los comandos SVG.

Opacidad

Es posible especificar la opacidad en las expresiones de color de los comandos del componente utilizando la sintaxis "color:opacidad", donde la opacidad es un número comprendido entre 0 (sin color) y 100 (color totalmente opaco. Por lo tanto "red:50" se interpretará como un rojo en 50% de opacidad.

Degrades

Los degrades son transiciones progresivas de color a lo largo de un vector. Estos degrades se definen con los comandos SVG_Define_linear_gradient y SVG_Define_radial_gradient. Una vez definidos, los gradientes se utilizan por referencia utilizando la sintaxis "url (#NombreDegrade)".

Del mismo modo, es posible definir un color personalizado asociado a una opacidad utilizando el comando SVG_Define_solidColor.

Ver también

Herramientas de desarrollo
SVG_Define_linear_gradient
SVG_Define_radial_gradient
SVG_Define_solidColor
SVG_SET_OPACITY