Curso de HTML5 – 08 – Códigos de Cores em HTML5 e CSS3 – by Gustavo Guanabara

posted in: Curso cursosemvideo | 0

EXTRA! Download GRÁTIS dos pacotes para as aulas:
https://www.dropbox.com/sh/bpe3xjlnqw97j4f/AAB-ZiLvQprb3Ef398US8pM8a
Nos ajude com LEGENDAS para nossos vídeos: https://youtu.be/Yu3ItGEsYQk

O Curso de HTML5 está de volta com os códigos de cores utilizando o HTML5 e CSS3.

Algumas tags e parâmetros foram descontinuadas do HTML4 para o HTML5, incluindo o FONT COLOR e o BGCOLOR da tag BODY. A partir de agora, devemos utilizar o parâmetro STYLE de qualquer tag e utilizar as configurações de background-color e color do CSS.

A utilização de cores através de seus nomes (como red, green, blue, etc) é algo bastante limitado. Por conta disso, vamos aprender nesse vídeo, como utilizar o código para cores RGB.

Para o código de cores #60453E, por exemplo, temos as quantidades de vermelho/red (60), verde/green (45) e azul/blue (3E). A junção desses códigos vai gerar uma cor única, em um espectro que possui milhões de combinações. Cada valor é representado em base hexadecimal.

Outra maneira de utilizar cores em CSS é utilizando o modificador rgb(), passando as quantidades de vermelho, verde e azul em valores representados na base decimal.

Em HTML5 e CSS3, utilizando o rgba() nas CSS3, podemos ainda incluir a configuração do canal alpha, que vai de 0 até 1.

Em HTML5 e CSS3, também podemos criar cores utilizando a representação percentual de Matiz (Hue), saturação (Saturation) e luminosidade (Brightness) utilizando a função hlsa() das folhas de estilo.

De maneira similar, temos também a função hlsa() para indicar também o canal alpha.

Podemos também colocar imagens no fundo do site utilizando o parâmetro background e utilizar a função url() do CSS para carregar uma imagem.

Gostaríamos de pedir sinceras desculpas pela qualidade do áudio. Tivemos um problema durante a gravação, que impossibilitou capturar o áudio do microfone profissional. Tal situação pode causar certo desconforto, mas não impede o aprendizado. Provavelmente, tal falha não ocorrerá novamente. Sorry 🙁

Aula do Curso de HTML5 criado pelo professor Gustavo Guanabara para o portal CursoemVideo.com. Download de pacotes e curso com certificado GRÁTIS: http://cursoemvideo.com/course/curso-de-html5/

Curso em Vídeo
Site: http://www.cursoemvideo.com
YouTube: http://www.youtube.com/cursosemvideo
Facebook: http://www.facebook.com/cursosemvideo
Twitter: http://twitter.com/cursosemvideo
Google+: http://plus.google.com/112666558837414979080

Patrocínio
HOSTNET: http://www.hostnet.com.br
TRAINNING: http://www.trainning.com.br
TOY SHOW: http://www.toyshow.com.br