Hvordan lage en hvit RGBA i HTML

Hvordan lage en hvit RGBA i HTML
RGBA () er en innebygd CSS-funksjon og navnet er forkortet for rød, grønn, blå og alfa. Det er en utvidelse av RGB () -funksjonen som tilbyr en alfakanal for å sette fargenes opacitet. Det lar oss også lage forskjellige farger ved å bruke CSS RGBA () -funksjonen.

I denne artikkelen lærer vi hvordan du lager en hvit RGBA i HTML ved hjelp av RGBA () -funksjonen.

Lag en hvit RGBA i HTML

RGBA () spesifiserer en sekvens av verdier som kan endre fargen på et element som bakgrunnsfarge, bildefarge, boksfarge og så videre. Videre kan den også brukes til å lage en hvit farge ved hjelp av et spesifikt sett med RGBA -verdier.

Syntaks

I CSS kan du bruke følgende syntaks for å lage en farge med RGBA -verdier:

RGBA (rød, grønn, blå, alfa)

Her er fargeintensitet definert av hver parameter (rød, grønn, blå, alfa). Ved hjelp av denne formelen kan vi vise hvite RGBA ved å sette alle fargeparametere til “255”, Og alfa til“0”. Generelt starter alfa -områdene fra 0.0 og slutt på 1.0, hvor 0.0 indikerer fullstendig åpenhet og 1.0 betegner ingen åpenhet i det hele tatt.

For å avklare de ovennevnte punktene, la oss flytte til eksemplet.

Eksempel: Opprette hvit RGBA i HTML ved bruk av RGBA () -funksjon

For å lage en hvit RGBA, vil vi først legge til en beholder ved hjelp av "”Tag i HTML -filen vår:




I neste trinn tildeler vi verdier til bredden og høyden som "50%”Og“200px”. Legg deretter til hvilken som helst bakgrunnsfarge på Div ved hjelp av RGBA () -funksjonen i CSS. Sett etter det grensefargen “solid svart”For å skape en forskjell mellom hele websiden og DIV:

.Rgba
Bredde: 50%;
Høyde: 200px;
Bakgrunn: RGBA (23, 1, 36, 0.7);

.Rgba
Grense: 5px solid svart;

For øyeblikket ser websiden vår slik ut:

Nå vil vi sette hvit RGBA som bakgrunnen for beholderen vår ved å passere “255, 255, 255, 0”Som et argument for RGBA () -funksjonen:

.Rgba
Bredde: 50%;
Høyde: 200px;
Bakgrunn: RGBA (255, 255, 255, 0);

.Rgba
Grense: 5px solid svart;

Etter å ha implementert den gitte koden, sjekk ut resultatene:

Merk: Du kan også lage hvit RGBA -farge ved hjelp av RGBA () -funksjonen ved å sette verdien av rød, grønn blå og alfa til “0”.

Konklusjon

For å lage en hvit farge, pass de tre første parametrene til RGBA () -funksjonen som “255”Og alfa -parameteren som“0”. Du kan også generere hvite RGBA ved å passere verdiene til alle parametere som "0”. Dessuten lar RGBA () -funksjonen oss sette de forskjellige fargene i HTML -elementer. Denne artikkelen demonstrerte metoden for å lage hvit RGBA i HTML.