Como usar valores de cor em css3

CSS3 suporta um número de sistemas de valores de cor. A única exigência é que o navegador também suporta o sistema de cores. Aqui estão os sistemas de cores que a maioria dos navegadores suportam:

Video: Curso de HTML5 - 16 - Cabeçalho em CSS3 - by Gustavo Guanabara

• Vermelho Red Green (RGB): Use o RGB () método para descrever este valor de cor que utiliza três números entre 0 e 255 para especificar a quantidade de vermelho, verde e azul para usar.

  Video: Como usar o valor currentColor do CSS3

• canal Red Green Azul Alpha (RGBA): Use o rgba () método para descrever este valor de cor. Os três primeiros números são simplesmente vermelho, verde e azul. O quarto número, canal alfa (Transparência relativa), é um valor entre 0,0 (totalmente transparente) e 1,0 (totalmente opaco). Você deve ter IE9 +, Firefox 3+, Chrome, Safari ou Opera 10+ para usar este esquema de valor de cor.

• 
  
  
  

  Matiz Saturação Luminosidade (HSL): Use o HSL () método para descrever este valor de cor, que consiste de três números.

  Matiz é um valor entre 0 e 360 ​​que descreve a posição de uma cor sobre a roda de cor: vermelho é 0 (ou 360), o verde é de 120, e é azul 240. Saturação (A intensidade da cor ou escuridão) é um valor de percentagem entre 0 (escala de cinzentos) e 100 (cor completa). Claridade é uma percentagem entre 0 (preto) a 100 (branco).

• canal Matiz Saturação Luminosidade alfa (HSLA): Use o HSLA () método para descrever este valor de cor que utiliza os mesmos três primeiros números como valor HSL. O quarto número, canal alfa, é um valor entre 0,0 (totalmente transparente) e 1,0 (totalmente opaco). Você deve ter IE9 +, Firefox 3+, Chrome, Safari ou Opera 10+ para usar este esquema de valor de cor.

Tentando entender como valores de cor interagem pode ser difícil. o HTML Color Mixer ajuda a ver como as várias opções de cores interagem, tornando mais fácil para escolher boas combinações de cores.