4D Doc Center : Cores SVG

4D v14

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 no Anexo A, Array de cores. 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.

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.