Comment créer un RGBA blanc en HTML

RGBA () est une fonction CSS intégrée et son nom est abrégé pour le rouge, le vert, le bleu et l'alpha. Il s'agit d'une extension de la fonction RGB () qui propose un canal alpha pour définir l'opacité de la couleur. Il nous permet également de créer différentes couleurs en utilisant la fonction CSS RGBA ().

Dans cet article, nous apprendrons à créer un RGBA blanc en HTML à l'aide de la fonction RGBA ().

Créer un RGBA blanc en HTML

rgba () spécifie une séquence de valeurs qui peuvent modifier la couleur d'un élément tel que sa couleur d'arrière-plan, sa couleur d'image, sa couleur de boîte, etc. De plus, il peut également être utilisé pour créer une couleur blanche en utilisant un ensemble spécifique de valeurs RGBA.

Syntaxe

Dans CSS, vous pouvez utiliser la syntaxe suivante pour créer une couleur avec les valeurs RGBA:

RGBA (rouge, vert, bleu, alpha)

Ici, l'intensité des couleurs est définie par chaque paramètre (rouge, vert, bleu, alpha). En utilisant cette formule, nous pouvons afficher le RGBA blanc en définissant tous les paramètres de couleur sur «255», Et alpha à«0". En général, les gammes alpha commencent à partir de 0.0 et finit à 1.0, où 0.0 indique une transparence complète et 1.0 ne signifie aucune transparence.

Pour clarifier les points susmentionnés, passons à l'exemple.

Exemple: création de RGBA blanc dans HTML à l'aide de la fonction RGBA ()

Pour créer un RGBA blanc, nous allons d'abord ajouter un conteneur en utilisant le «”TAG dans notre fichier html:

À l'étape suivante, nous attribuerons des valeurs à la largeur et à la hauteur comme «50%" et "200px". Ensuite, ajoutez n'importe quelle couleur d'arrière-plan de la div en utilisant la fonction RGBA () dans CSS. Après cela, réglez la couleur de la bordure "noir«Pour créer une différence entre toute la page Web et le div:

.Rgba
Largeur: 50%;
hauteur: 200px;
Contexte: RGBA (23, 1, 36, 0.7);

.Rgba
Border: 5px noir solide;

Actuellement, notre page Web ressemble à ceci:

Maintenant, nous allons mettre le RGBA blanc comme arrière-plan de notre conteneur en passant "255, 255, 255, 0«Comme argument à la fonction rgba ():

.Rgba
Largeur: 50%;
hauteur: 200px;
Contexte: RGBA (255, 255, 255, 0);

.Rgba
Border: 5px noir solide;

Après implémentation du code donné, consultez ses résultats:

Note: Vous pouvez également créer une couleur RGBA blanche à l'aide de la fonction RGBA () en définissant la valeur du rouge, du bleu vert et de l'alpha à «0".

Conclusion

Pour créer une couleur blanche, passez les trois premiers paramètres de la fonction RGBA () comme «255»Et le paramètre alpha comme«0". Vous pouvez également générer un RGBA blanc en passant les valeurs de tous les paramètres comme «0". De plus, la fonction rgba () nous permet de définir les différentes couleurs dans les éléments HTML. Cet article a démontré la méthode de création de RGBA blanc dans HTML.