Cores com CSS3

Voltar para Exercício 16


Veja o código fonte para entender como inserimos cores com CSS3

Aqui temos exemplo de Cores por nomes de Cores

Representação da cor por nomes de cores como: red, green, blue

Aqui temos exemplo de Cores por Códigos Hexadecimais

Representação da cor por códigos hexadecimais

Sistema Decimal 0 1 2 3 4 5 6 7 8 9

Sistema Hexadecimal 0 1 2 3 4 5 6 7 8 9 A B C D E F > São 16 algarismos onde as letras A B C D E F são algarismos em base Hexadecimal assim na cor #0000ff
não há nada de vermelho R > 00,
não há nada de verde G > 00
e temos o máximo de azul B > ff
ENTÃO o RGB da cor azul é #0000ff em hexadecimal

Aqui temos exemplo de Cores por R G B

Representação da cor por rgb(0, 0, 255) para azul

Aqui temos exemplo de Cores por suas Características ou por HSL

Representação da cor por suas características em
H de Matiz,
S de Saturação em % e
L de Luminosidade em % ou
simplesmente hsl(240, 100%, 50%) para azul

Aqui temos exemplo de Cores RGB e HSL com transparência

Representação da cor RGB e HSL com transparência é realizada acrescentando-se o canal alfa ao final código da cor rgba ou hsla, em hexadecimal (por exemplo) ocorre o acréscimo de mais 2 algarismos para representar o canal alfa de transparência.