Cores

1) Cor hexadecimal:

É definida conforme representação mostrada anteriormente, precedida de um sinal de #, como mostrado no exemplo a seguir:

h1 {color:#00FFCC;}

Em CSS, na definição da cor através do sistema hexadecimal, onde houver pares de números ou letras iguais, você poderá abreviar a definição. Observe a regra a seguir; ela é equivalente à regra escrita anteriormente:

h1 {color:#0FC;}

Perceba que essa abreviação só funciona para pares que estão na mesma faixa no conjunto RGB. A cor #0FF0FE não pode ser abreviada para #0F0FE pois os valores seriam, se separados, 0F F0 e FE.

2) Cor RGB:

Esse tipo de definição também já foi visto anteriormente. Deve-se definir um valor (de 0 a 255) para cada cor do sistema, e escrever a palavra rgb antes dos valores. O valor da regra ainda pode ser preenchido por números em porcentagem, mas não é permitido misturar valores percentuais com os valores normais. Veja os exemplos a seguir:

h1 {color:rgb(0, 255, 195);}

h1 {color:rgb(0%, 100%,78%);}

3) Cor por palavra-chave:

O W3C define uma lista de 140 nomes de cores (17 por padrão) para HTML e CSS, a saber: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, e yellow. Todas as outras cores devem ser definidas por meio de seus valores hexadecimais. Veja um exemplo a seguir:

h1 {color:green;}

Clicando aqui <<http://www.w3schools.com/tags/ref_colornames.asp>> você verá que são listados alguns códigos e cores para você usar em suas páginas.

Como você pode ver, é uma lista bem extensa, e você deve estar se perguntando: como escolher e combinar cores para um site? Antes de responder a essa pergunta, que tal tentar atribuir cores ao site sobre esportes/hobbies que você desenvolveu nas aulas anteriores?