Tutoriel CSS

CSS ACCUEIL Présentation CSS Syntaxe CSS Sélecteurs CSS CSS Comment faire Commentaires CSS Couleurs CSS Arrière-plans CSS Bordures CSS Marges CSS Rembourrage CSS CSS Hauteur/Largeur Modèle de boîte CSS Aperçu CSS Texte CSS Polices CSS Icônes CSS Liens CSS Listes CSS CSS Tables Affichage CSS CSS Max-width Poste CSS Index Z CSS Débordement CSS Flottant CSS Bloc en ligne CSS Alignement CSS Combinateurs CSS Pseudo-classe CSS Pseudo-élément CSS Opacité CSS Barre de navigation CSS Listes déroulantes CSS Galerie d'images CSS Sprites d'image CSS Sélecteurs d'attributs CSS Formulaires CSS Compteurs CSS Mise en page du site Web CSS Unités CSS Spécificité CSS CSS !important Fonctions mathématiques CSS

CSS avancé

Coins arrondis CSS Images de bordure CSS Arrière-plans CSS Couleurs CSS Mots-clés de couleur CSS Dégradés CSS Ombres CSS Effets de texte CSS Polices Web CSS Transformations CSS 2D Transformations 3D CSS Transitions CSS Animation CSS Info-bulles CSS CSS Style Images Réflexion d'image CSS Ajustement d'objet CSS Position d'objet CSS Masquage CSS Boutons CSS Pagination CSS CSS plusieurs colonnes Interface utilisateur CSS Variables CSS Dimensionnement des boîtes CSS Requêtes média CSS Exemples CSS MQ Boîte flexible CSS

CSS réactif

RWD Introduction Fenêtre RWD Affichage de la grille RWD Requêtes multimédia RWD Images RWD Vidéos RWD Cadres RWD Modèles RWD

Grille CSS

Grille d'introduction Conteneur de grille Élément de grille

CSS SASS

Tutoriel SASS

Exemples CSS

Modèles CSS Exemples CSS CSS Quiz Exercices CSS Certificat CSS

Références CSS

Référence CSS Sélecteurs CSS Fonctions CSS Audit de référence CSS Polices sécurisées pour le Web CSS CSS animable Unités CSS Convertisseur CSS PX-EM Couleurs CSS Valeurs de couleur CSS Valeurs CSS par défaut Prise en charge du navigateur CSS

Couleurs CSS RVB


Une valeur de couleur RVB représente les sources lumineuses ROUGE, VERT et BLEU.


Valeur RVB

En CSS, une couleur peut être spécifiée comme une valeur RVB, en utilisant cette formule :

RVB ( rouge, vert , bleu )

Chaque paramètre (rouge, vert et bleu) définit l'intensité de la couleur entre 0 et 255.

Par exemple, rgb(255, 0, 0) s'affiche en rouge, car le rouge est défini sur sa valeur la plus élevée (255) et les autres sont définis sur 0.

Pour afficher le noir, réglez tous les paramètres de couleur sur 0, comme ceci : rgb(0, 0, 0).

Pour afficher le blanc, réglez tous les paramètres de couleur sur 255, comme ceci : rgb(255, 255, 255).

Expérimentez en mélangeant les valeurs RVB ci-dessous :

RVB (255, 99, 71)

ROUGE

255

VERT

99

BLEU

71

Exemple

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Les nuances de gris sont souvent définies en utilisant des valeurs égales pour les 3 sources lumineuses :

Exemple

rgb(60, 60, 60)
rgb(90, 90, 90)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(210, 210, 210)
rgb(240, 240, 240)


Valeur RVBA

Les valeurs de couleur RGBA sont une extension des valeurs de couleur RGB avec un canal alpha - qui spécifie l'opacité d'une couleur.

Une valeur de couleur RGBA est spécifiée avec :

rgba ( rouge, vert , bleu, alpha )

Le paramètre alpha est un nombre compris entre 0,0 (entièrement transparent) et 1,0 (pas transparent du tout) :

Expérimentez en mélangeant les valeurs RGBA ci-dessous :

RVB (255, 99, 71, 0,5)

ROUGE

255

VERT

99

BLEU

71

ALPHA

0,5

Exemple

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)