Analyse de l'utilisation des couleurs RVB en CSS

Cet article présente principalement l'explication détaillée de l'utilisation des couleurs RVB en CSS. Il s'agit des connaissances de base pour l'apprentissage introductif du CSS. Les amis dans le besoin peuvent se référer à

Explication du modèle de couleur RVB<.>

Le modèle de couleur RVB est un moyen de décrire la quantité des trois couleurs primaires que sont le rouge, le vert et le bleu dans une certaine couleur, tout comme mélanger des peintures à l'aquarelle ou à l'huile pour obtenir la vraie couleur. nous voulons.

Imaginez si vous voulez faire un bleu pur. Pour y parvenir, vous ne pouvez pas mettre du rouge et du vert dans cette couleur. On met donc le rouge et le vert à 0%, et le vert à 100% :

rgb(0%, 0%, 100%)

Résultat :

Mais si vous voulez du magenta au lieu du bleu, Alors que faire ? On peut obtenir du mauve en mélangeant 100% rouge et 100% bleu :

rgb(100%, 0%, 100%)

Résultat :

De la théorie de base des couleurs, nous savons qu'aucune couleur n'est noire . Donc pour obtenir du noir on peut y parvenir en réglant les trois couleurs primaires rouge, vert et bleu à 0% :

rgb(0%, 0%, 0%)

Résultat :

Comment déterminer la valeur de la couleur RVB

On peut utiliser Photoshop La fonction sélecteur de couleurs permet d'obtenir les valeurs​​des trois couleurs primaires rouge, vert et bleu pour une couleur spécifique, mais il existe également des outils en ligne gratuits tels que Color Slider et le calculateur de couleurs RVB.

Explication de la couleur RVB sur w3school :

Couleur RVB

Tous les navigateurs prennent en charge les valeurs de couleur RVB.

Les valeurs de couleur RVB sont spécifiées comme suit : rgb(rouge, vert, bleu). Chaque paramètre (rouge, vert et bleu) définit l'intensité de la couleur et peut être un nombre entier compris entre 0 et 255, ou une valeur en pourcentage (de 0 % à 100 %).

Par exemple, la valeur rgb(0,0,255) est affichée en bleu car le paramètre bleu est réglé sur la valeur la plus élevée (255) et les autres sont réglés sur 0.

De même, les valeurs suivantes définissent la même couleur : rgb(0,0,255) et rgb(0%,0%,100%).

Exemples

p   
{   
background-color:rgb(255,0,0);   
}

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de chacun. Pour plus de contenu connexe, veuillez faire attention au PHP. Site chinois !

Recommandations associées :

Utilisez CSS pour obtenir un effet d'ombre

Plusieurs modes de dégradé de couleurs couramment utilisés en CSS3

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!