manual de referência CSS

regras CSS (RULES)

大全 de Atributos CSS

Função rgb() do CSS

Ao usar CSS, você pode usar a função rgb() do CSS para fornecer valores de cor. Ele permite que você especifique valores de cor RGB diretamente especificando os canais vermelho, verde e azul.

Função CSS

Exemplo online

Uso de cor RGB:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial Básico(oldtoolbag.com)</title>
<style>
#p1　{background-color:rgb(255,0,0);}
#p2　{background-color:rgb(0,255,0);}
#p3　{background-color:rgb(0,0,255);}
#p4　{background-color:rgb(192,192,192);}
#p5　{background-color:rgb(255,255,0);}
#p6　{background-color:rgb(255,0,255);}
</style>
</head>
<body>
<p>Cor RGB:</p>
<p id="p1">Vermelho</p>
<p id="p2">Verde</p>
<p id="p3">Azul</p>
<p id="p4">Cinza</p>
<p id="p5">Amarelo</p>
<p id="p6">Cereja</p>
</body>
</html>

Teste para ver ‹/›

Definição e uso

A função rgb() usa a sobreposição de três cores vermelha (R), verde (G) e azul (B) para gerar vários tipos de cores.

RGB significa vermelho, verde e azul (em inglês: Red, Green, Blue).

vermelho (R)até 255 representa o componente vermelho da cor.
verde (G)até 255 representa o componente verde da cor.
azul (B)até 255 representa o componente azul da cor.

Versão suportada: CSS2

Compatibilidade do navegador

Os números na tabela representam a primeira versão do navegador que suporta essa função.

Função
rgb()	1.0	4.0	1.0	1.0	3.5

Sintaxe CSS

rgb(red, green, blue)

Valor	Descrição
red	Definir valor vermelho, com intervalo de 0 ~ 255Também pode usar porcentagem de 0% ~ 100%.
green	Definir valor verde, com intervalo de 0 ~ 255Também pode usar porcentagem de 0% ~ 100%.
blue	Definir valor azul, com intervalo de 0 ~ 255Também pode usar porcentagem de 0% ~ 100%.

Função CSS

Regra @charset do CSS Funções CSS