Representando cores em CSS3
Nos quatro exemplos abaixo, os parágrafos possuem a mesma cor: SlateGrey. A diferença está na forma de representá-la.
Para compreender este exercício, abra o código fonte do arquivo.
Exemplo 1: Parágrafo colorido usando a cor pelo nome
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti minus, eligendi molestiae cum ea, in praesentium quibusdam ipsa eius, voluptas nemo illo magni. Corrupti rem iure aspernatur illum doloremque quos error labore? Natus sequi deserunt maxime voluptate illum tempore perferendis?
Exemplo 2: Parágrafo colorido usando a cor pelo código Hexadecimal
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti minus, eligendi molestiae cum ea, in praesentium quibusdam ipsa eius, voluptas nemo illo magni. Corrupti rem iure aspernatur illum doloremque quos error labore? Natus sequi deserunt maxime voluptate illum tempore perferendis?
Exemplo 3: Parágrafo colorido usando a cor pelo código RGB (red, green, blue)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti minus, eligendi molestiae cum ea, in praesentium quibusdam ipsa eius, voluptas nemo illo magni. Corrupti rem iure aspernatur illum doloremque quos error labore? Natus sequi deserunt maxime voluptate illum tempore perferendis?
Exemplo 4: Parágrafo colorido usando a cor pelo código HSL (hue, saturation, lightness)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti minus, eligendi molestiae cum ea, in praesentium quibusdam ipsa eius, voluptas nemo illo magni. Corrupti rem iure aspernatur illum doloremque quos error labore? Natus sequi deserunt maxime voluptate illum tempore perferendis?