English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.
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 ‹/›
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
Les nombres dans le tableau représentent la première version du navigateur qui prend en charge la fonction.
Fonction | |||||
---|---|---|---|---|---|
rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
rgb(rouge, vert, bleu)
Valeur | Description |
---|---|
rouge | Définir la valeur rouge, la gamme de valeurs est de 0 ~ 255,on peut aussi utiliser le pourcentage 0% ~ 100%. |
vert | Définir la valeur verte, la gamme de valeurs est de 0 ~ 255,on peut aussi utiliser le pourcentage 0% ~ 100%. |
bleu | Définir la valeur bleue, la gamme de valeurs est de 0 ~ 255,on peut aussi utiliser le pourcentage 0% ~ 100%. |