Cores HTML RGB e RGBA
Um valor de cor RGB representa fontes de luz VERMELHA, VERDE e AZUL.
Um valor de cor RGBA é uma extensão de RGB com um canal Alpha (opacidade).
Valores de cores RGB
Em HTML, uma cor pode ser especificada como um valor RGB, usando esta fórmula:
rgb ( vermelho, verde , azul )
Cada parâmetro (vermelho, verde e azul) define a intensidade da cor com um valor entre 0 e 255.
Isso significa que existem 256 x 256 x 256 = 16777216 cores possíveis!
Por exemplo, rgb(255, 0, 0) é exibido como vermelho, porque vermelho é definido como seu valor mais alto (255) e os outros dois (verde e azul) são definidos como 0.
Outro exemplo, rgb(0, 255, 0) é exibido como verde, porque verde é definido como seu valor mais alto (255) e os outros dois (vermelho e azul) são definidos como 0.
Para exibir preto, defina todos os parâmetros de cor para 0, assim: rgb(0, 0, 0).
Para exibir branco, defina todos os parâmetros de cor para 255, assim: rgb(255, 255, 255).
Experimente misturando os valores RGB abaixo:
rgb(255, 99, 71)
VERMELHO
VERDE
AZUL
Exemplo
Tons de cinza
Tons de cinza geralmente são definidos usando valores iguais para todos os três parâmetros:
Exemplo
Valores de cores RGBA
Os valores de cores RGBA são uma extensão dos valores de cores RGB com um canal Alfa - que especifica a opacidade de uma cor.
Um valor de cor RGBA é especificado com:
rgba( vermelho, verde , azul, alfa )
O parâmetro alfa é um número entre 0,0 (totalmente transparente) e 1,0 (nada transparente):
Experimente misturando os valores RGBA abaixo:
rgba (255, 99, 71, 0,5)
VERMELHO
VERDE
AZUL
ALFA