Cores SVG

4D v20

Cores SVG

Definição de cores

SVG reconhece todas as sintaxes alternativas para as cores definidas na norma CSS2. Os comandos do componente 4D SVG suportam todas estas sintaxes.

Uma cor pode ser expressada em uma das seguintes formas:

Formato RGB
Formato Exemplo
#rgb #f00
#rrggbb #ff0000
rgb(r,g,b) [#cor(255,0,0)/]
[#cor(100%, 0%, 0%)/]

Formato chave "cor"
SVG aceita uma extensa lista de palavras chaves de nomes de cor, por exemplo "red".

A lista de palavras chaves, assim como sua correspondência RGB se encontra em 4D SVG Constants: Cores SVG (nomes) e Cores SVG (RGB). Também pode ver esta lista e inserir diretamente os valores de cores via a paleta de cores de 4D SVG. Para obter mais informação sobre este ponto, consulte a seção Ferramentas de desenvolvimento Ferramentas de desenvolvimento.

None

Passe a palavra chave "none" nos parâmetros corPrimeiroPlano ou corFundo para não ter nenhum preenchimento ou traço. A palavra chave "none" ("nenhum") pode ser usada com a maioria dos comandos SVG.

Opacidade

É possível especificar a opacidade nas expressões de cor dos comandos do componente utilizando a sintaxes "cor:opacidade", onde a opacidade é um número compreendido entre 0 (sem cor) e 100 (cor totalmente opaca. Portanto "red:50" se interpretará como um vermelho em 50% de opacidade.

Gradientes

Os gradientes são transações progressivas de cor ao longo de um vetor. Estes gradientes se definem com os comandos SVG_Define_linear_gradient e SVG_Define_radial_gradient. Uma vez definidos, os gradientes se utilizam por referencia utilizando a sintaxes "url (#NomeDegrada)".

Da mesma forma, é possível definir uma cor personalizada associada a uma opacidade utilizando o comando SVG_Define_solidColor.

Ver também

Ferramentas de desenvolvimento
SVG_Define_linear_gradient
SVG_Define_radial_gradient
SVG_Define_solidColor
SVG_SET_OPACITY