MEILLEUR SITE POUR LES DÉVELOPPEURS WEB

CSS Tutoriel

CSS MAISON CSS Introduction CSS Syntaxe CSS Sélecteurs CSS Comment faire CSS Commentaires CSS Couleurs CSS Arrière-plans CSS Frontières CSS Marges CSS Remplissage CSS Hauteur/Largeur CSS Modèle de boîte CSS Plan CSS Texte CSS Polices CSS Icônes CSS Liens CSS Listes CSS Tableaux CSS Affichage CSS Largeur maximale CSS Position CSS z-index CSS Débordement CSS Flottant Bloc CSS 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'images CSS Sélecteurs d'attr CSS Formulaires CSS Compteurs CSS Mise en page du site Web CSS Unités CSS Spécificité CSS !important CSS Fonctions mathématiques

CSS avancé

CSS 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 2D CSS Transformations 3D CSS Transitions CSS Animations CSS Info-bulles CSS Images de style CSS Réflexion d'image CSS Ajustement d'objet CSS Position de l'objet CSS Masquage CSS Boutons CSS Pagination CSS plusieurs colonnes CSS Interface utilisateur CSS Variables CSS Box Sizing CSS Requêtes multimédias CSS MQ Exemples CSS Flexbox

CSS Adaptatif

RWD Introduction RWD Porte d'affichage RWD Vue Grille RWD Requêtes multimédias RWD Images RWD Vidéos RWD Cadres RWD Modèles

CSS Grid

Grid Introduction Grid Récipient Grid Article

CSS SASS

SASS Tutoriel

CSS Exemples

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

CSS Références

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

Leçons CSS pour les débutants

En Ua Es De

CSS RGB Couleurs


Une valeur de couleur RGB représente les sources de lumière RED (ROUGE), GREEN (VERTE) et BLUE (BLEUE).


RGB valeur

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

rgb(red, green, blue).

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 réglé sur sa valeur maximale (255) et les autres sur 0.

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

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

Essayez de mélanger les valeurs RGB ci-dessous :

 

RED

255

GREEN

0

BLUE

0

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)

Try it Yourself »

Les nuances de gris sont souvent définies à l'aide de 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)

Try it Yourself »

Valeur RGBA

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(red, green, blue, alpha)

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

Essayez de mélanger les valeurs RGBA ci-dessous :

 

RED

255

GREEN

0

BLUE

0

ALPHA

0

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)

Try it Yourself »

CSS — Couleurs RGB et RGBA — Vidéo W3Schools

Cette vidéo est une introduction aux couleurs RGB et RGBA en CSS.

Cette vidéo fait partie d'une série de tutoriels vidéo pour apprendre le CSS pour les débutants !