Função CSS rgb()
Exemplo
Defina diferentes cores RGB:
#p1 {background-color:rgb(255,0,0);} /* red */
#p2 {background-color:rgb(0,255,0);} /* green */
#p3 {background-color:rgb(0,0,255);} /* blue */
Definição e uso
A função rgb() define cores usando o modelo Red-green-blue (RGB).
Um valor de cor RGB é especificado com: rgb(red, green, blue). Cada parâmetro define a intensidade dessa cor e pode ser um número inteiro entre 0 e 255 ou um valor percentual (de 0% a 100%).
Por exemplo, o valor rgb(0,0,255) é renderizado como azul, porque o parâmetro blue é definido como seu valor mais alto (255) e os outros são definidos como 0.
Versão: | CSS2 |
---|
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente a função.
Function | |||||
---|---|---|---|---|---|
rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxe CSS
rgb(red, green, blue)
Value | Description |
---|---|
red | Defines the intensity of red as an integer between 0 and 255, or as a percentage value between 0% and 100% |
green | Defines the intensity of green as an integer between 0 and 255, or as a percentage value between 0% and 100% |
blue | Defines the intensity of blue as an integer between 0 and 255, or as a percentage value between 0% and 100% |