Come creare un RGBA bianco in HTML

RGBA () è una funzione CSS integrata e il suo nome è abbreviato per rosso, verde, blu e alfa. È un'estensione della funzione rgb () che offre un canale alfa per impostare l'opacità del colore. Ci consente anche di creare colori diversi usando la funzione CSS RGBA ().

In questo articolo, impareremo come creare un RGBA bianco in HTML con l'aiuto della funzione RGBA ().

Crea un RGBA bianco in HTML

rgba () specifica una sequenza di valori che possono cambiare il colore di un elemento come il colore di sfondo, il colore dell'immagine, il colore della scatola e così via. Inoltre, può anche essere utilizzato per creare un colore bianco usando un set specifico di valori RGBA.

Sintassi

In CSS, è possibile utilizzare la seguente sintassi per creare un colore con valori RGBA:

RGBA (rosso, verde, blu, alfa)

Qui, l'intensità del colore è definita da ciascun parametro (rosso, verde, blu, alfa). Usando questa formula, possiamo visualizzare RGBA bianco impostando tutti i parametri di colore su "255", E Alpha a"0". In generale, le gamme alfa iniziano da 0.0 e termina a 1.0, dove 0.0 indica la trasparenza completa e 1.0 non indica affatto la trasparenza.

Per chiarire i punti sopra menzionati, passiamo all'esempio.

Esempio: creazione di RGBA bianco in HTML usando la funzione RGBA ()

Per creare un RGBA bianco, prima aggiungeremo un contenitore usando ""Tag nel nostro file HTML:

Nel prossimo passaggio, assegneremo i valori alla larghezza e all'altezza come "50%" E "200px". Quindi, aggiungi qualsiasi colore di sfondo del div usando la funzione rgba () in CSS. Dopodiché, imposta il colore del bordo "nero solido"Per creare una differenza tra l'intera pagina web e il div:

.Rgba
larghezza: 50%;
Altezza: 200px;
Background: RGBA (23, 1, 36, 0.7);

.Rgba
Bordo: 5px Black solido;

Attualmente, la nostra pagina web sembra così:

Ora imposteremo White RGBA come sfondo del nostro contenitore passando "255, 255, 255, 0"Come argomento alla funzione RGBA ():

.Rgba
larghezza: 50%;
Altezza: 200px;
Background: RGBA (255, 255, 255, 0);

.Rgba
Bordo: 5px Black solido;

Dopo aver implementato il codice dato, controlla i suoi risultati:

Nota: Puoi anche creare il colore RGBA bianco utilizzando la funzione RGBA () impostando il valore di rosso, blu verde e alfa su “0".

Conclusione

Per creare un colore bianco, passa i primi tre parametri della funzione RGBA () come “255"E il parametro Alpha come"0". Puoi anche generare RGBA bianco passando i valori di tutti i parametri come "0". Inoltre, la funzione RGBA () ci consente di impostare i diversi colori negli elementi HTML. Questo articolo ha dimostrato il metodo di creazione di RGBA bianco in HTML.