4D Doc Center : Colores SVG

4D v14

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 su correspondencia RGB se encuentra en el Anexo A, Array de colores. También puede ver esta lista e insertar directamente los valores de colores vía la paleta de colores de 4D SVG. Para obtener más información acerca de este punto, consulte la sección Herramientas de desarrollo.

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.