Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Fonction rgb()

Description des fonctions Object et Object.

La fonction Object définit une couleur à partir des trois couleurs de base : rouge, vert et bleu.

La fonction rgba() définit une couleur et sa transparence à partir des trois couleurs de base (rouge, vert et bleu) et du paramètre alpha.

Ces deux fonctions peuvent être utilisées avec toutes les propriétés qui attendent une couleur. Exemples :

border-color: rgb(27,40,35); border: solid 3px rgba(110,255,47,0.5);

Pour rappel, la synthèse RVB, ou synthèse additive des couleurs, est utilisée par tous les appareils électroniques ou informatique : télévision, écran, appareils photo, etc. Cette synthèse repose sur le mélange de trois couleurs de base, qui sont le rouge, le vert et le bleu. En dosant la proportions de chacune de ces couleurs de base, il est possible de restituer toutes les couleurs parmi une palette de 16 millions de couleurs environ.

Vous trouverez ici un Synthétiseur de couleurs, qui réalise aussi les conversions avec les autres systèmes de définition des couleurs (HSL par exemple).

L'opacité est une paramètre supplémentaire qui dose la transparence de la couleur, c'est à dire la possibilité de voir à travers.

Les fonctions Object et Object peuvent être utilisées avec :

Syntaxe de Object et Object.

  • color: rgb(251,124,180); r v b

    r, v et b sont trois valeurs numériques, sans unité, et comprises entre 0 et 255. Elles indiquent respectivement la valeur de rouge, de vert et de bleu.

  • color: rgba(251,124,180,0.5); r v b a

    a est une valeur numérique flottante sans unité, comprise entre 0 et 1, qui indique l'opacité de la couleur (canal alpha).
    0 pour aucune opacité (transparence totale) et 1 pour une opacité complète. Les valeurs entres 0 et 1 indiquant une opacité plus ou moins importante.

Simulateur.

background-color:
( rouge vert bleu alpha )

Compatibilité des navigateurs.

Les navigateurs actuels sont tous capables de traiter les couleurs définies par les valeurs de Rouge, Vert et Bleu (RVB), ou par les valeurs de Teinte, Saturation et Luminosité (HSL), ainsi que la transparence alpha.

Afficher les versions antérieures   Afficher la version à venir  

Voir aussi...

Couleurs - Propriétés.

Couleurs - Fonctions.

  • hsl() : Détermine une couleur à partir des paramètres Teinte (Hue), Saturation et Luminosité.
  • hsla() : Détermine une couleur et sa transparence à partir des paramètres Teinte (Hue), Saturation, Luminosité et Alpha.
  • hue-rotate() : Change les couleurs d'une image (rotation des teintes).
  • hwb() : Définit une couleur à partir de sa teinte et d'une dose de noir et de blanc.
  • rgba() : Détermine une couleur et sa transparence à partir des valeurs de Rouge, de Vert, de Bleu et de la valeur Alpha.