Módulo para cores CSS — Nível 3

Sumário

CSS (Cascading Style Sheets) é uma linguagem destina-se a descrever como deverpa ser a renderiza de documentos HTML e XML na tela, no papel, em mídia aural, etc. Ela se utiliza de propriedades e valores para definição de cores de textos, de fundos, de borders e outras partes dos elementos de um documento. Esta especificação descreve as propriedades e valores para definição de cores e opacidade. Aqui serão tratadas as funcionalidades para cores previstas nas CSS2, bem como serão introduzidas novas funcionalidades.

Status desse documento

Essa seção descreve o status deste documento à época da sua publicação. Outros documentos poderão sobrescrever esse documento. A listagem das publicações atuais do W3C bem como sua evolução histórica pode ser encontrada em W3C technical reports index at //www.w3.org/TR/.

Comentários podem ser enviados para a (arquivo) lista pública www-style@w3.org (ver instruções). Ao enviar um e-mail, por favor, coloque o texto “css3-color” no assunto do e-mail de preferência escrevendo: “[ css3-color ] …sumário do comentário…”

Esse documento foi produzido pelo CSS Working Group (integrante da Style Activity).

Um relatório de implementação contém um teste suite mostrando que os testes dela constantes passou pelo menos em duas implementações independentes.

A lista de cometários sobre o rascunho da última da chamada relaciona e explica as modificações introduzidas nessa especificação desde aquele rascunho. O comentários recebidos durante o estágio de Candidata a Recomendação (para o rascunho de 14 de maio de 2003), bem como o tratamento dado a cada um deles pode ser encontado em análide e repostas aos comemtários. Os comentários recebidos durante a fase de Última Chamada (para o rascunho de 14 de fevereiro de 2003), bem como o tratamento dado a cada um deles pode ser encontado em análise e respostas aos comentários.

Foi disponibilizada uma lista completa das modificações nesse documento.

Esse documento foi revisado pelos membros do W3C, por desenvolvedores de software é por outros grupos do W3C e partes interessadas tendo sido endossado pelo Diretor do W3C como uma Recomendação. Trata-se de um documento estável que pode ser usado como material de referência ou citado por outros documentos. O objetivo do W3C ao criar uma Recomendação é o de chamar a atenção para a especificação e promover seu desenvolvimento global. Isso contribui para a melhoria da funcionalidade e da interoperabilidade da Web.

Esse documento foi produzido por um grupo operando sob a 5 February 2004 W3C Patent Policy. O W3C mantém uma lista pública para divulgação de patentes criada em conjunto com seus grupos e que inclui, também, instruções para publicação de patentes. Qualquer pessoa que tenha conhecimento de uma patente que acredita conter Essential Claim(s) deve divulgar essa informação de acordo com a section 6 of the W3C Patent Policy.

Índice

• 1. Introdução
• 2. Dependências
• 3. Propriedades para cores
  • 3.1. Cor de frente: propriedade ‘color
  • 3.2. Transparência: propriedade ‘opacity’
• 4. Unidades para cores
  • 4.1. Palavras-chave básica
  • 4.2. Valores numéricos para cores
    • 4.2.1. Valores RGB
    • 4.2.2. Valores RGBA
    • 4.2.3. Palavre-chave ‘transparent’
    • 4.2.4. Valores HSL
      • 4.2.4.1. Exemplos de cores HSL examples
    • 4.2.5. Exemplos de cores HSLA
  • 4.3. Palavras-chave estendidas
  • 4.4. Palavra-chave ‘currentColor’
  • 4.5. Cores CSS do sistema
    • 4.5.1. Cores CSS2 do sistema
  • 4.6. Nota sobre uso de cores
• 5. Composição alfa simples
• 6. Exemplo de folha de estilos em (X)HTML
• 7. Perfis
• 8. Suite de testes
• 9. Chamada para implementação de funcionalidades retiradas
• 10. Agradecimentos
• 11. Modificações
• 12. Referências
  • 12.1. Normativas
  • 12.2. Informativas
• Índice
• Índice das propriedades

1. Introdução

As especificações para CSS depois das CSS2, passaram a ser desenvolvidas em módulos de modo a facilitar a implementação de novas funcionalidades de maneira incremental. Essa especificação para cores CSS é um desses módulos.

Esse módulo descreve as propriedades CSS que permite aos autores definir cores e opacidade para um elemento, Esse módulo também descreve com detalhes os tipos de valores CSS <color>.

Aqui são definidas as propriedades e valores CSS relacionados não só nas CSS1 e CSS2, como também uma série de novas propriedades e valores.

O grupo de trabalho não espera que todas as implementações em CSS3 implementem todas as propriedades e valores aqui previstos. Provavelmente existirão variações dessa especificação denominadas "perfis". Por exemplo: poderá haver uma implementação específica para dispositivos de usuário do tipo 32-bit de cores que faça uso somente da parte da especiifcação relacionada aquele perfil de cores.

Essa especificação reune assuntos pertinentes à cores existentes nas seguintes Recomendações e Rascunhos de Trabalho, bem como adiciona novas funcionalidades:

• HTML 4.01 [HTML401]
• CSS 2.0 [CSS2]
• SVG 1.0 [SVG10]
• Interfaces de Usuário em CSS3 (16 de fevereiro de 2000) [CSS3UI]

2. Dependências

Terminologia adicional pode ser encontrada e definida na seção Definições das [CSS21]. Exemplos de código fonte e fragmentos de códigos estão disponíveis em linguagem XML [XML10] ou HTML [HTML401].

3. Propriedades para cores

3.1. Cores de frente : propriedade ‘color’

Essa propriedade define o valor da cor de frente do conteúdo textual de um elemento. Também poderá ser usada como um valor indireto de cor (currentColor) para qualquer outra propriedade que aceite valores de cor. Se a palavra-chave ‘currentColor’ for definida como valor para a propriedade ‘color’ a declaração será equivalente a ‘color: inherit’.

Existem diferentes sintaxes para definir um valor de cor como mostrado a seguir para a cor green:

em { color: lime }               /* Cor com uso de palavra-chave */
em { color: rgb(0,255,0) }       /* Cor com uso RGB faixa: 0-255   */

<color>

Unidades de cores são definidas na seguinte seção.

3.2. Transparência: propriedade ‘opacity’

Opacidade pode ser imaginada como o resultado de uma operação. O conceito básico para obtenção da opacidade é de que o elemento e seus descendentes são renderizados e misturados com os componentes na tela. Ver composição alfa simples para detalhes.

<alphavalue>

A sintaxe é um <number>. A opacidade será aplicada ao elemento como um todo único. Valores fora da faixa 0.0 (totalmente transparente) até 1.0 (totalmente opaco) serão "arredondados" para dentro da faixa. Se o objeto é um elemento container o efeito será aplicado aos seus conteúdos de uma maneira como se esses fossem misturados contra um fundo usando uma máscara para a qual o valor de cada pixel da máscara fosse o <alphavalue>.

Since an element with opacity less than 1 is composited from a single offscreen image, content outside of it cannot be layered in z-order between pieces of content inside of it. For the same reason, implementations must create a new stacking context for any element with opacity less than 1. If an element with opacity less than 1 is not positioned, implementations must paint the layer it creates, within its parent stacking context, at the same stacking order that would be used if it were a positioned element with ‘z-index: 0’ and ‘opacity: 1’. If an element with opacity less than 1 is positioned, the ‘z-index’ property applies as described in [CSS21], except that ‘auto’ is treated as ‘0’ since a new stacking context is always created. See section 9.9 and Appendix E of [CSS21] for more information on stacking contexts. The rules in this paragraph do not apply to SVG elements, since SVG has its own rendering model ([SVG11], Chapter 3).

4. Unidades para cores

Um valor <color> pode ser uma palavra-chave ou um valor especificado com números.

4.1. Palavras-chave básicas

As palavras-chave básica, para definir cores, são: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white e yellow. Nomes de cores são insensíveis ao tamanho de caixa.

body {color: black; background: white }
h1 { color: maroon }
h2 { color: olive }

4.2. Valores numéricos para cores

4.2.1. Valores RGB

O modelo RGB para cores é usado como especificação numérica para cores. Os exemplos a seguir definem a mesma cor:

em { color: #f00 }              /* #rgb */
em { color: #ff0000 }           /* #rrggbb */
em { color: rgb(255,0,0) }
em { color: rgb(100%, 0%, 0%) }

O formato hexadecimal de um valor RGB usa a sintaxe ‘#’ imediatamente seguido por três ou seis caracteres dígitos hexadecimais. A sintaxe RGB com três dígitos (#rgb) é convertida para o formato (#rrggbb) replicando-se os dígitos. Por exemplo: #fb0 transforma-se em #ffbb00. Isso nos garante que a cor branca (#ffffff) poderá ser escrita com a sintaxe (#fff) removendo qualquer dependência de profundidade de cor do display.

O formato de um valor RGB em sua notação funcional é ‘rgb(’ seguido por uma lista de três valores núméricos separados por vírgula (três números inteiros ou três porcentagens) seguido por ‘)’. O valor inteiro 255 corresponde a 100%, e para F ou FF em notação hexadecimal: rgb(255,255,255) = rgb(100%,100%,100%) = #FFF. É permitida a inserção de espaços em branco entre os valores numéricos.

Todas as cores RGB são especificadas no espaço sRGB para cores (ver [SRGB]). Os agentes de usuário podem apresentar variações na representação dessas cores, mas o uso do espaço sRGB proporciona uma maneira objetiva e inequívoca de se determinar a cor de acordo com os padrões internacionais (ver [COLORIMETRY]).

Values outside the device gamut should be clipped or mapped into the gamut when the gamut is known: the red, green, and blue values must be changed to fall within the range supported by the device. User agents may perform higher quality mapping of colors from one gamut to another. This specification does not define precise clipping behavior. For a typical CRT monitor, whose device gamut is the same as sRGB, the four rules below are equivalent:

em { color: rgb(255,0,0) }       /* integer range 0 - 255 */
em { color: rgb(300,0,0) }       /* clipped to rgb(255,0,0) */
em { color: rgb(255,-10,0) }     /* clipped to rgb(255,0,0) */
em { color: rgb(110%, 0%, 0%) }  /* clipped to rgb(100%,0%,0%) */

Other devices, such as printers, have different gamuts than sRGB; some colors outside the 0..255 sRGB range will be representable (inside the device gamut), while other colors inside the 0..255 sRGB range will be outside the device gamut and will thus be mapped.

4.2.2. RGBA color values

The RGB color model is extended in this specification to include “alpha” to allow specification of the opacity of a color. See simple alpha compositing for details. These examples all specify the same color:

em { color: rgb(255,0,0) }      /* integer range 0 - 255 */
em { color: rgba(255,0,0,1)     /* the same, with explicit opacity of 1 */
em { color: rgb(100%,0%,0%) }   /* float range 0.0% - 100.0% */
em { color: rgba(100%,0%,0%,1) } /* the same, with explicit opacity of 1 */

Unlike RGB values, there is no hexadecimal notation for an RGBA value.

The format of an RGBA value in the functional notation is ‘rgba(’ followed by a comma-separated list of three numerical values (either three integer values or three percentage values), followed by an <alphavalue>, followed by ‘)’. The integer value 255 corresponds to 100%, rgba(255,255,255,0.8) = rgba(100%,100%,100%,0.8). White space characters are allowed around the numerical values.

Implementations must clip the red, green, and blue components of RGBA color values to the device gamut according to the rules for the RGB color value composed of those components.

These examples specify effects that are possible with the rgba() notation:

p { color: rgba(0,0,255,0.5) }        /* semi-transparent solid blue */
p { color: rgba(100%, 50%, 0%, 0.1) } /* very transparent solid orange */

Note. If RGBA values are not supported by a user agent, they should be treated like unrecognized values per the CSS forward compatibility parsing rules ([CSS21], Chapter 4). RGBA values must not be treated as simply an RGB value with the opacity ignored.

4.2.3. ‘transparent’ color keyword

CSS1 introduced the ‘transparent’ value for the background-color property. CSS2 allowed border-color to also accept the ‘transparent’ value. The Open eBook(tm) Publication Structure 1.0.1 [OEB101] extended the ‘color’ property to also accept the ‘transparent’ keyword. CSS3 extends the color value to include the ‘transparent’ keyword to allow its use with all properties that accept a <color> value. This simplifies the definition of those properties in CSS3.

transparent

Fully transparent. This keyword can be considered a shorthand for transparent black, rgba(0,0,0,0), which is its computed value.

4.2.4. HSL color values

CSS3 adds numerical hue-saturation-lightness (HSL) colors as a complement to numerical RGB colors. It has been observed that RGB colors have the following limitations:

• RGB is hardware-oriented: it reflects the use of CRTs.
• RGB is non-intuitive. People can learn how to use RGB, but actually by internalizing how to translate hue, saturation and lightness, or something similar, to RGB.

There are several other color schemes possible. Some advantages of HSL are that it is symmetrical to lightness and darkness (which is not the case with HSV for example), and it is trivial to convert HSL to RGB.

HSL colors are encoding as a triple (hue, saturation, lightness). Hue is represented as an angle of the color circle (i.e. the rainbow represented in a circle). This angle is so typically measured in degrees that the unit is implicit in CSS; syntactically, only a <number> is given. By definition red=0=360, and the other colors are spread around the circle, so green=120, blue=240, etc. As an angle, it implicitly wraps around such that -120=240 and 480=120. One way an implementation could normalize such an angle x to the range [0,360) (i.e. zero degrees, inclusive, to 360 degrees, exclusive) is to compute (((x mod 360) + 360) mod 360). Saturation and lightness are represented as percentages. 100% is full saturation, and 0% is a shade of gray. 0% lightness is black, 100% lightness is white, and 50% lightness is “normal”.

So for instance:

* { color: hsl(0, 100%, 50%) }   /* red */
* { color: hsl(120, 100%, 50%) } /* lime */ 
* { color: hsl(120, 100%, 25%) } /* dark green */ 
* { color: hsl(120, 100%, 75%) } /* light green */ 
* { color: hsl(120, 75%, 75%) }  /* pastel green, and so on */

The advantage of HSL over RGB is that it is far more intuitive: you can guess at the colors you want, and then tweak. It is also easier to create sets of matching colors (by keeping the hue the same and varying the lightness/darkness, and saturation)

If saturation is less than 0%, implementations must clip it to 0%. If the resulting value is outside the device gamut, implementations must clip it to the device gamut. This clipping should preserve the hue when possible, but is otherwise undefined. (In other words, the clipping is different from applying the rules for clipping of RGB colors after applying the algorithm below for converting HSL to RGB.)

The algorithm to translate HSL to RGB is simple (here expressed in ABC [ABC] which was used to generate the tables.) In these algorithms, all three values (H, S and L) have been normalized to fractions 0..1:

    HOW TO RETURN hsl.to.rgb(h, s, l): 
       SELECT: 
	  l<=0.5: PUT l*(s+1) IN m2
	  ELSE: PUT l+s-l*s IN m2
       PUT l*2-m2 IN m1
       PUT hue.to.rgb(m1, m2, h+1/3) IN r
       PUT hue.to.rgb(m1, m2, h    ) IN g
       PUT hue.to.rgb(m1, m2, h-1/3) IN b
       RETURN (r, g, b)

    HOW TO RETURN hue.to.rgb(m1, m2, h): 
       IF h<0: PUT h+1 IN h
       IF h>1: PUT h-1 IN h
       IF h*6<1: RETURN m1+(m2-m1)*h*6
       IF h*2<1: RETURN m2
       IF h*3<2: RETURN m1+(m2-m1)*(2/3-h)*6
       RETURN m1

4.2.4.1. HSL examples

Each table below represents one hue. Twelve equally spaced colors (i.e. at 30° intervals) have been chosen from the color circle: red, yellow, green, cyan, blue, magenta, with all the intermediate colors (the last is the color between magenta and red).

The X axis of each table represents the saturation (100%, 75%, 50%, 25%, 0%).

The Y axis represents the lightness. 50% is “normal”.

4.2.5. Valores HSLA para cores

Tal como para notação funcional ‘rgb()’ existe a notação com opacidade ‘rgba()’ a notação funcional ‘hsl()’ tem sua notação com opacidade ‘hsla()’. Ver simple alpha compositing para detalhes. Os exemplos a seguir definem uma mesma cor:

em { color: hsl(120, 100%, 50%) }     /* green */
em { color: hsla(120, 100%, 50%, 1) } /* idem com opacidade explicita igual a 1 */

O formato para definir um valor de cor HSLA com uso de notação funcional é ‘hsla(’ seguido pelo valor de hue graus, saturação e brilho em porcentagem, e um valor <alphavalue>, seguidos por um sinal ‘)’. Espaços em branco são permitidos entre os valores numéricos.As implementações deveram ajsutar os valores de hue, saturação e brilho componentes da cor HSLA para o gamut do dispositivo de acordo com as regras de composição HSL para aqueles valores.

Os exemplos a seguir mostram a sintaxe para obter o efeito de cor com uso da notação hsla():

p { color: hsla(240, 100%, 50%, 0.5) } /* azul semi-transparente */
p { color: hsla(30, 100%, 50%, 0.1) }  /* laranja muito transparente */

4.3. Palavras-chave estendidas para cores

A tabela a seguir fornece uma listagem das cores X11 [X11COLORS] suportadas pelos navegadores populares com adicão das variantes da cor gray/grey da SVG 1.0. A lista é exatamente a mesma da SVG 1.0 color keyword names. Esta especificação estende a definição dessas cores para além das SVG. As duas paletas de cores à esquerda mostradas a seguir demostram a definição de uma cor para o fundo de célilas de uma tabela segundo duas sintaxes: Na primeira coluna usou-se o nome da cor e na segunda seu respectivo valor numérico.

4.4. Palavra-chave ‘currentColor’

As especificações para as CSS1 e CSS2 definem que o valor inicial da ‘propriedade border-color’ é igual ao valor da propriedade ‘color’, mas não definem uma palavra-chave para esses casos. Essa omissão foi reconhecida na SVG e a SVG 1.0 criou o valor‘currentColor’ para as propriedades ‘fill’, ‘stroke’, ‘stop-color’, ‘flood-color’, e ‘lighting-color’. CSS3 extendeu os valores para cores e incluiu a palavra-chave ‘currentColor’ para ser usada por todas as propriedades que aceitam o valor <color>. Isso simplifica a definição daquelas propriedades nas CSS3.

currentColor

Valor da propriedade ‘color’. O valor computado para a palavra-chave ‘currentColor’ é igual ao valor computado para a propriedade ‘color’. Se o valor ‘currentColor’ for definido para a propriedade ‘color’ ele será tratado como ‘color: inherit’.

4.5. Cores CSS do sistema

4.5.1. Cores CSS2 do sistema

Em desuso. Além da possibilidade de definir cores de textos, fundo, etc, com uso de palavras-chave, as CSS2 prevêem que os autores podem especificar cores usando uma sintaxe que permite integrar a estilização aos padrões de cores da interface gráfica do sistema do usário.

Para sistemas que não possuem o valor especificado o valor adotado deve ser o mais próximo valor disponível no sistema ou uma cor padrão. Notar que alguns perfis CSS podem não suportar Sistema de Cores.

A listagem mostrada a seguir mostra os nomes para os valores de cores relacionados ao sistema e seu significado. Qualquer propriedade que admita valor de cor pode ser especificada com os estes. Embora os nomes sejam insensíveis ao tamanho de caixa, é recomendável que se adota a grafia mostrada de modo a melhorar a legibilidade dos valores.

ActiveBorder

Borda ativa da janela.

ActiveCaption

Legenda ativa da janela.

AppWorkspace

Cor de fundo de múltiplas interfaces.

Background

Fundo do desktop.

ButtonFace

Cor de fundo da face para elementos 3-D que aparecem em 3-D devido a um layer em volta da borda.

ButtonHighlight

The color of the border facing the light source for 3-D elements that appear 3-D due to one layer of surrounding border.

ButtonShadow

The color of the border away from the light source for 3-D elements that appear 3-D due to one layer of surrounding border.

ButtonText

Text on push buttons.

CaptionText

Text in caption, size box, and scrollbar arrow box.

GrayText

Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color.

Highlight

Item(s) selected in a control.

HighlightText

Text of item(s) selected in a control.

InactiveBorder

Inactive window border.

InactiveCaption

Inactive window caption.

InactiveCaptionText

Color of text in an inactive caption.

InfoBackground

Background color for tooltip controls.

InfoText

Text color for tooltip controls.

Menu

Menu background.

MenuText

Text in menus.

Scrollbar

Scroll bar gray area.

ThreeDDarkShadow

The color of the darker (generally outer) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.

ThreeDFace

The face background color for 3-D elements that appear 3-D due to two concentric layers of surrounding border.

ThreeDHighlight

The color of the lighter (generally outer) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.

ThreeDLightShadow

The color of the darker (generally inner) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.

ThreeDShadow

The color of the lighter (generally inner) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border.

Window

Fundo da janela.

WindowFrame

Quadro da janela.

WindowText

Texto na janela.

p { color: WindowText; background-color: Window }

Nota. As CSS2 colocaram em desuso as cores definidas pelo Sistema de Cores em favor da propriedade CSS3 UI ‘appearance’. Se fvocê pretende simular a aparência de um elemento ou controle da interface do usuário, por favor use a propriedade ‘appearance’ em lugar de uma combinação de cores usando o Sistema de Cores.

4.6. Notas sobre uso de cores

Embora as cores possam se constituir em uma poderosa maneira de transmitir informação como também aumentar a legibilidade do documento, não deixer de considerar o que prescreve as W3C Web Content Accessibility Guidelines [WCAG20] sobre uso de cores em documentos.

• 1.4.1 Uso de cores: Cores não devem ser usadas como único meio de passar informação visual, indicar uma ação, pedir uma resposta ou distinguir um elemento visualmente.

5. Simple alpha compositing

When drawing, implementations must handle alpha according to the rules in Section 14.2 Simple alpha compositing of [SVG11]. (If the ‘color-interpolation’ or ‘color-rendering’ properties mentioned in that section are not implemented or do not apply, implementations must act as though they have their initial values.)

6. Sample style sheet for (X)HTML

Este apêndice é informativo e não normativo. This style sheet could be used by an implementation as part of its default styling of HTML4, XHTML1, XHTML1.1, XHTML Basic, and other XHTML Family documents.

html { 
	color: black;
	background: white;
}


/* traditional desktop user agent colors for hyperlinks */
:link    { color: blue; }   
:visited { color: purple; }

/* default focus outline */
:focus {
	outline: 1px dotted;  /* or 1px dotted invert */
}

7. Profiles

Each specification using CSS3 Color must define the subset of CSS3 Color features it allows and excludes, and describe the local meaning of all the components of that subset.

Non normative examples:

8. Test suite

A CSS Color Module Test Suite has been developed, although further tests may be added. This test suite is intended to allow user agents to verify their basic conformance to the specification. This test suite does not pretend to be exhaustive and does not cover all possible numerical color values. These tests are available at //www.w3.org/Style/CSS/Test/CSS3/Color/current/.

9. Call for Implementations of dropped features

A number of features that were present in the 14 May 2003 Candidate Recommendation are no longer present in this specification. However, the call for implementations for these features remains, and they may be included in a future level of this specification given sufficient implementations and a test suite to demonstrate interoperability. These features are:

• ICC Color Profile: the ‘color-profile’ property
• The ‘rendering-intent’ property
• The ‘@color-profile’ at-rule
• ‘flavor’ system color

10. Acknowledgments

Thanks to Brad Pettit both for writing up color-profiles, and for implementing it. Thanks to Steven Pemberton for his write up on HSL colors. Thanks especially to the feedback from Marc Attinasi, Bert Bos, Joe Clark, fantasai, Patrick Garies, Tony Graham, Ian Hickson, Susan Lesch, Alex LeDonne, Cameron McCormack, Krzysztof Maczyński, Chris Moschini, Chris Murphy, Christoph Päper, David Perrell, Jacob Refstrup, Dave Singer, Jonathan Stanley, Andrew Thompson, Russ Weakley, Etan Wexler, David Woolley, Boris Zbarsky, Steve Zilles, the XSL FO subgroup of the XSL working group, and all the rest of the www-style community. And thanks to Chris Lilley for being the resident CSS Color expert.

11. Changes

This document differs from the previous, 28 October 2010, Proposed Recommendation document as follows: the date, status and styling are updated for W3C Recommendation, the references are updated, and this changes appendix lists no substantive changes.

12. References

12.1. Normative

[COLORIMETRY]

Colorimetry, Third Edition. CIE 15:2004. ISBN 978-3-901906-33-6

[CSS21]

Bert Bos; et al. Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification. 7 June 2011. W3C Recommendation. URL: //www.w3.org/TR/2011/REC-CSS2-20110607

[SRGB]

Multimedia systems and equipment - Colour measurement and management - Part 2-1: Colour management - Default RGB colour space - sRGB. IEC 61966-2-1 (1999-10) ISBN: 2-8318-4989-6 - ICS codes: 33.160.60, 37.080 - TC 100 - 51 pp. as amended by Amendment A1:2003. URL: //www.colour.org/tc8-05/Docs/colorspace/61966-2-1.pdf

[SVG11]

Jon Ferraiolo et al. Scalable Vector Graphics (SVG) 1.1. 14 January 2003. W3C Recommendation. URL: //www.w3.org/TR/2003/REC-SVG11-20030114/

12.2. Informative

[ABC]

Leo Geurts; Lambert Meertens; Steven Pemberton. The ABC Programmer's Handbook. Prentice-Hall. ISBN: 0-13-000027-2. URL: //www.cwi.nl/~steven/abc

[CSS2]

Ian Jacobs; et al. Cascading Style Sheets, level 2 (CSS2) Specification. 11 April 2008. W3C Recommendation. URL: //www.w3.org/TR/2008/REC-CSS2-20080411

[CSS3UI]

Tantek Çelik. CSS3 Basic User Interface Module. 11 May 2004. W3C Candidate Recommendation. (Work in progress.) URL: //www.w3.org/TR/2004/CR-css3-ui-20040511

[HTML401]

David Raggett; Ian Jacobs; Arnaud Le Hors. HTML 4.01 Specification. 24 December 1999. W3C Recommendation. URL: //www.w3.org/TR/1999/REC-html401-19991224

[OEB101]

Open eBook(tm) Publication Structure 1.0.1. Open eBook Forum(tm). 02 July 2001. URL: //www.openebook.org/oebps/oebps1.0.1/download/oeb101-xhtml.htm

[SVG10]

Jon Ferraiolo. Scalable Vector Graphics (SVG) 1.0 Specification. 4 September 2001. W3C Recommendation. URL: //www.w3.org/TR/2001/REC-SVG-20010904

[WCAG20]

Michael Cooper; et al. Web Content Accessibility Guidelines (WCAG) 2.0. 11 December 2008. W3C Recommendation. URL: //www.w3.org/TR/2008/REC-WCAG20-20081211

[X11COLORS]

X11 Color Names URL: //en.wikipedia.org/wiki/X11_color_names

[XML10]

C. M. Sperberg-McQueen; et al. Extensible Markup Language (XML) 1.0 (Fifth Edition). 26 November 2008. W3C Recommendation. URL: //www.w3.org/TR/2008/REC-xml-20081126/

Index

• ActiveBorder, 4.5.1.
• ActiveCaption, 4.5.1.
• aliceblue, 4.3.
• <alphavalue>, 3.2., 4.2.2., 4.2.5.
• antiquewhite, 4.3.
• appearance, 4.5.1.
• AppWorkspace, 4.5.1.
• aqua, 4.1., 4.3.
• aquamarine, 4.3.
• azure, 4.3.
• Background, 4.5.1.
• beige, 4.3.
• bisque, 4.3.
• black, 4.1., 4.3.
• blanchedalmond, 4.3.
• blue, 4.1., 4.3.
• blueviolet, 4.3.
• brown, 4.3.
• burlywood, 4.3.
• ButtonFace, 4.5.1.
• ButtonHighlight, 4.5.1.
• ButtonShadow, 4.5.1.
• ButtonText, 4.5.1.
• cadetblue, 4.3.
• CaptionText, 4.5.1.
• chartreuse, 4.3.
• chocolate, 4.3.
• color, 3.1.
• <color>, 3.1., 4.
• color-interpolation, 5.
• color-rendering, 5.
• compositing, 5.
• coral, 4.3.
• cornflowerblue, 4.3.
• cornsilk, 4.3.
• crimson, 4.3.
• currentColor, 4.4., 3.1., 3.1., 3.1.
• cyan, 4.3.
• darkblue, 4.3.
• darkcyan, 4.3.
• darkgoldenrod, 4.3.
• darkgray, 4.3.
• darkgreen, 4.3.
• darkgrey, 4.3.
• darkkhaki, 4.3.
• darkmagenta, 4.3.
• darkolivegreen, 4.3.
• darkorange, 4.3.
• darkorchid, 4.3.
• darkred, 4.3.
• darksalmon, 4.3.
• darkseagreen, 4.3.
• darkslateblue, 4.3.
• darkslategray, 4.3.
• darkslategrey, 4.3.
• darkturquoise, 4.3.
• darkviolet, 4.3.
• deeppink, 4.3.
• deepskyblue, 4.3.
• dimgray, 4.3.
• dimgrey, 4.3.
• dodgerblue, 4.3.
• firebrick, 4.3.
• floralwhite, 4.3.
• forestgreen, 4.3.
• fuchsia, 4.1., 4.3.
• gainsboro, 4.3.
• ghostwhite, 4.3.
• gold, 4.3.
• goldenrod, 4.3.
• gray, 4.1., 4.3.
• GrayText, 4.5.1.
• green, 4.1., 4.3.
• greenyellow, 4.3.
• grey, 4.3.
• Highlight, 4.5.1.
• HighlightText, 4.5.1.
• honeydew, 4.3.
• hotpink, 4.3.
• hsl(), 4.2.4.
• hsla(), 4.2.5.
• InactiveBorder, 4.5.1.
• InactiveCaption, 4.5.1.
• InactiveCaptionText, 4.5.1.
• indianred, 4.3.
• indigo, 4.3.
• InfoBackground, 4.5.1.
• InfoText, 4.5.1.
• ivory, 4.3.
• khaki, 4.3.
• lavender, 4.3.
• lavenderblush, 4.3.
• lawngreen, 4.3.
• lemonchiffon, 4.3.
• lightblue, 4.3.
• lightcoral, 4.3.
• lightcyan, 4.3.
• lightgoldenrodyellow, 4.3.
• lightgray, 4.3.
• lightgreen, 4.3.
• lightgrey, 4.3.
• lightpink, 4.3.
• lightsalmon, 4.3.
• lightseagreen, 4.3.
• lightskyblue, 4.3.
• lightslategray, 4.3.
• lightslategrey, 4.3.
• lightsteelblue, 4.3.
• lightyellow, 4.3.
• lime, 4.1., 4.3.
• limegreen, 4.3.
• linen, 4.3.
• magenta, 4.3.
• maroon, 4.1., 4.3.
• mediumaquamarine, 4.3.
• mediumblue, 4.3.
• mediumorchid, 4.3.
• mediumpurple, 4.3.
• mediumseagreen, 4.3.
• mediumslateblue, 4.3.
• mediumspringgreen, 4.3.
• mediumturquoise, 4.3.
• mediumvioletred, 4.3.
• Menu, 4.5.1.
• MenuText, 4.5.1.
• midnightblue, 4.3.
• mintcream, 4.3.
• mistyrose, 4.3.
• moccasin, 4.3.
• navajowhite, 4.3.
• navy, 4.1., 4.3.
• oldlace, 4.3.
• olive, 4.1., 4.3.
• olivedrab, 4.3.
• opacity, 3.2.
• orange, 4.3.
• orangered, 4.3.
• orchid, 4.3.
• palegoldenrod, 4.3.
• palegreen, 4.3.
• paleturquoise, 4.3.
• palevioletred, 4.3.
• papayawhip, 4.3.
• peachpuff, 4.3.
• peru, 4.3.
• pink, 4.3.
• plum, 4.3.
• powderblue, 4.3.
• purple, 4.1., 4.3.
• red, 4.1., 4.3.
• #rgb, 4.2.1.
• rgb(), 4.2.1.
• rgba(), 4.2.2.
• rosybrown, 4.3.
• royalblue, 4.3.
• #rrggbb, 4.2.1.
• saddlebrown, 4.3.
• salmon, 4.3.
• sandybrown, 4.3.
• Scrollbar, 4.5.1.
• seagreen, 4.3.
• seashell, 4.3.
• sienna, 4.3.
• silver, 4.1., 4.3.
• skyblue, 4.3.
• slateblue, 4.3.
• slategray, 4.3.
• slategrey, 4.3.
• snow, 4.3.
• springgreen, 4.3.
• sRGB, 4.2.1., 4.1.
• steelblue, 4.3.
• system colors, 4.5.1.
• tan, 4.3.
• teal, 4.1., 4.3.
• thistle, 4.3.
• ThreeDDarkShadow, 4.5.1.
• ThreeDFace, 4.5.1.
• ThreeDHighlight, 4.5.1.
• ThreeDLightShadow, 4.5.1.
• ThreeDShadow, 4.5.1.
• tomato, 4.3.
• transparent, 4.2.3., 3.1.
• turquoise, 4.3.
• violet, 4.3.
• wheat, 4.3.
• white, 4.1., 4.3.
• whitesmoke, 4.3.
• Window, 4.5.1.
• WindowFrame, 4.5.1.
• WindowText, 4.5.1.
• yellow, 4.1., 4.3.
• yellowgreen, 4.3.

Property index