RGB et RGBA Couleurs
Que sont les couleurs RGB ?
RGB (Red, Green, Blue) (Rouge, Vert, Bleu) est un modèle de couleur utilisé pour afficher les couleurs sur les écrans d’appareils électroniques tels que les téléviseurs, les écrans d’ordinateur, les smartphones, etc.
Comment cela fonctionne-t-il ?
Dans le modèle RGB, chaque couleur est créée en mélangeant trois couleurs primaires : Red, Green, Blue dans des proportions variables. Chacune de ces couleurs a sa propre intensité, qui peut varier de 0 à 255. En combinant ces trois couleurs dans des proportions différentes, vous pouvez obtenir des millions de nuances différentes.
Où le RGB est-il utilisé ?
Le modèle RGB est utilisé partout où vous souhaitez afficher les couleurs à l’écran. En voici quelques exemples :
- Téléviseurs et moniteurs : RGB est utilisé pour créer des images à l’écran. Chaque pixel de l’écran est composé de trois sous-pixels : rouge, vert et bleu. En faisant varier la luminosité de ces sous-pixels, n’importe quelle couleur peut être produite.
- Smartphones et tablettes : Les écrans de ces appareils utilisent également le modèle RGB pour afficher les couleurs.
- Appareils photo numériques : RGB est utilisé pour enregistrer des informations de couleur. Chaque photo prise par un appareil photo numérique contient des informations sur l’intensité des couleurs rouge, verte et bleue pour chaque pixel de l’image.
- Conception graphique et conception web : Le RGB est utilisé pour créer des images en couleur qui sont ensuite affichées sur des écrans.
- Éclairage : Certaines lumières LED utilisent le modèle RGB pour créer un éclairage coloré. En variant l’intensité du rouge, du vert et du bleu, vous pouvez obtenir n’importe quelle nuance de lumière.
Exemple
Utilisation des couleurs RGB lors de la mise en forme d’une page Web :
body {
background-color: rgb(255, 255, 255); /* Fond blanc */
color: rgb(0, 0, 0); /* Texte noir */
}
Avantages du RGB :
- Large gamme de couleurs : RGB vous permet de créer des millions de nuances de couleurs différentes.
- Facilité d’utilisation : Le modèle RGB est facile à comprendre et à utiliser.
Inconvénients du RGB :
- Dépendance de l’appareil : Les couleurs RGB peuvent apparaître différemment sur différents écrans, car chaque appareil a sa propre façon d’afficher les couleurs.
- Ne convient pas à l’impression : Le modèle RGB ne convient pas à l’impression, car les encres d’impression sont mélangées selon différents principes. Pour l’impression, le modèle CMYK est utilisé.
Comment obtenir une couleur RGB ?
Pour obtenir une couleur RGB, vous pouvez utiliser une calculatrice RGB.
Calculatrice RGB
Couleurs RGB
Les valeurs de couleur RGB sont prises en charge dans tous les navigateurs.
Une valeur de couleur RGB est spécifiée avec : rgb(rouge, vert, bleu).
Chaque paramètre (rouge, vert et bleu) définit l’intensité de la couleur sous la forme d’un entier compris entre 0 et 255.
Par exemple, rgb(0, 0, 255) est rendu en bleu, car le paramètre blue est défini sur sa valeur la plus élevée (255) et les autres sont définis sur 0.
Essayez-le vous-même
Les valeurs de couleur RGB sont prises en charge dans tous les principaux navigateurs.
Exemple
<style>
div {
background-color: rgb(0, 191, 255);
color: rgb(255, 255, 255);
}
</style>
Try It Yourself »
Valeurs de couleur RGBA
Les valeurs de couleur RVBA sont une extension des valeurs de couleur RVB avec une couche Alpha, qui spécifie l’opacité d’une couleur.
Une valeur de couleur RGBA est spécifiée avec :
rgba(red, green, blue, alpha)
Le paramètre alpha est un nombre compris entre 0,0 (entièrement transparent) et 1,0 (pas transparent du tout) :
Exemple
<h1 style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.4);">rgba(255, 99, 71, 0.4)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.6);">rgba(255, 99, 71, 0.6)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.8);">rgba(255, 99, 71, 0.8)</h1>
Try It Yourself »
