English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règle @CSS (RULES)

大全 des propriétés CSS

Fonction rgb() CSS

Lorsque l'on utilise CSS, on peut utiliser la fonction rgb() de CSS pour fournir des valeurs de couleur. Elle permet de spécifier des valeurs de couleur RGB en spécifiant directement les canaux rouge, vert et bleu.

Fonction CSS

Exemple en ligne

Utilisation de la couleur RGB :

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Base Tutorial(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>Couleur RGB :</p>
<p id="p1">rouge</p>
<p id="p2">vert</p>
<p id="p3">bleu</p>
<p id="p4">gris</p>
<p id="p5">jaune</p>
<p id="p6">rouge</p>
</body>
</html>
Voyons voir ‹/›

Définition et utilisation

La fonction rgb() utilise la superposition des trois couleurs rouge (R), vert (G) et bleu (B) pour générer diverses couleurs.

RGB signifie rouge, vert, bleu (en anglais : Red, Green, Blue).

  • rouge (R)et 255 entiers entre

  • vert (G)et 255 entiers entre

  • bleu (B)et 255 entiers entre

Version prise en charge : CSS2

Compatibilité du navigateur

Les nombres dans le tableau représentent la première version du navigateur qui prend en charge la fonction.

Fonction




rgb()1.04.01.01.03.5

Syntaxe CSS

rgb(rouge, vert, bleu)
ValeurDescription
rougeDéfinir la valeur rouge, la gamme de valeurs est de 0 ~ 255,on peut aussi utiliser le pourcentage 0% ~ 100%.
vertDéfinir la valeur verte, la gamme de valeurs est de 0 ~ 255,on peut aussi utiliser le pourcentage 0% ~ 100%.
bleuDéfinir la valeur bleue, la gamme de valeurs est de 0 ~ 255,on peut aussi utiliser le pourcentage 0% ~ 100%.

Fonction CSS