Colorindo formas

Este tópico descreve o VML, um recurso que foi preterido a partir do Windows Internet Explorer 9. Páginas da Web e aplicativos que dependem de VML devem ser migrados para SVG ou outros padrões amplamente compatíveis.

Observação

A partir de dezembro de 2011, este tópico foi arquivado. Como resultado, ele não é mais mantido ativamente. Para obter mais informações, consulte Conteúdo arquivado. Para obter informações, recomendações e diretrizes sobre a versão atual do Windows Internet Explorer, consulte Internet Explorer Developer Center.

 

Como mencionamos nas seções anteriores, você pode usar "vermelho" para representar uma cor em vermelho, "azul" para representar uma cor em azul e assim por diante. Neste tópico, ilustraremos como desenhar formas em qualquer cor desejada.

O VML estende a sintaxe de cores HTML e CSS. Quando o tipo de atributo de um elemento VML é cor, como fillcolor e strokecolor, você pode expressar a cor usando um nome de cor palavra-chave ou um trigêmeo RGB.

Voltar ao início

Nome da cor da palavra-chave

O HTML 4.0 define uma lista de nomes de cores palavra-chave. Eles são aqua, preto, azul, fúcsia, cinza, verde, limão, marrom, marinha, azeitona, roxo, vermelho, prata, teal, branco e amarelo. O valor RGB para essas 16 cores é definido na especificação HTML 4.0 .

Por exemplo, você pode desenhar um retângulo preenchido com amarelo especificando fillcolor="yellow"e dar a ele uma estrutura de tópicos azul especificando strokecolor="blue", conforme mostrado na seguinte representação VML:

<v:rect style='width:120pt;height:80pt;'
fillcolor="yellow" strokecolor="blue"/>

Voltar ao início

Trigêmeo RGB

Se a cor não for um nome de cor palavra-chave, você poderá expressar a cor como um trigêmeo decimal RGB ou um trigêmeo hexadecimal RGB. Com os trigêmeos RGB, você pode especificar valores para os componentes vermelho, verde e azul da cor, definindo cada componente como um valor que varia de 0 a 255 em decimal ou 00 a FF em hexadecimal.

Por exemplo, você pode criar um retângulo preenchido com uma cor personalizada com um valor RGB de 253, 249, 186 em decimal especificando fillcolor="rgb(253,249, 186)" ou fillcolor="#FDF9BA", conforme mostrado na representação VML a seguir. Em hexadecimal, o valor 253 torna-se FD, 249 torna-se F9 e 186 torna-se BA.

<v:rect style='width:120pt;height:80pt;'
fillcolor="#FDF9BA" strokecolor="blue"/>

Se o RGB em hexadecimal tiver um padrão como XXYYZZ, você poderá abreviar para XYZ. Por exemplo, "#66FF99" pode ser escrito como "#6F9".

Voltar ao início

Resumo

No VML, você pode representar uma cor em um dos seguintes formatos:

1. fillcolor="blue"
2. fillcolor="rgb(0,0,255)"
3. fillcolor="#0000ff"