Alle moderne nettlesere støtter forskjellige farger for å opprettholde en fargerik skjerm. I CSS kan farger bli representert på flere måter selv ved å bruke et fargetavn som "Farge: blå”. Imidlertid støtter denne metoden bare spesifikke fargenavn. Derfor, i CSS, brukes andre avanserte metoder for å vise farger som RGB, HSL, Hex, etc.

I denne artikkelen diskuteres tre fargerepresentasjonsmetoder: RGB, RGBA og Hex diskuteres. I CSS er RGB () en innebygd funksjon, RGBA er også et format av skjermfarger med utvidelsen av alfa. Videre brukes også å gi fargeverdier i heksadesimale tall mye i CSS.

RGB () -funksjon i CSS

RGB er en kombinasjon av tre farger (rød, grønn og blå) som brukes i alle datasystemer for farget display. Som vi vet, dette er de grunnleggende fargene, og ved å kombinere dem kan vi få hvilken som helst farge som er synlig i fargespekteret.

I CSS er disse fargene definert i form av en funksjon RGB (): (rød, grønn, blå). Området for alle disse fargene er definert fra 0 til 255 definerer intensiteten til en farge, og vi kan endre fargene ved å endre disse verdiene. Intensiteten til disse fargene er godt definert i det gitte eksemplet.

Eksempel

RGB (0, 255, 0)

Denne kombinasjonen returnerer den grønne fargen fordi den har den høyeste intensiteten og de to andre fargene har 0 intensitet.

Ved å endre intensiteten i alle tre fargene får vi de forskjellige fargene som som

• RGB (255, 255, 255) viser den hvite fargen
• og RGB (0, 0, 0) gir den svarte fargen.

Ytterligere fargeeksempler vises i det gitte eksemplet

Eksempel

RGB (0, 255, 0)

RGB (60, 60, 60)

RGB (138, 238, 130)

RGB (255, 255, 255)

RGBA -farger

I CSS er RGBA også et format for å vise farger med utvidelsen av alfa. Strukturen til denne fargefunksjonen er gitt nedenfor.

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

I denne funksjonen brukes en alfa for å uttrykke opaciteten til en farge. I CSS -opacity -egenskap brukes til å sette gjennomsiktigheten til en farge, og dens rekkevidde ligger mellom 0.0 til 1.0, hvor 0.0 representerer det fullstendig gjennomsiktige og 1.0 representerer det fullstendig ugjennomsiktig. Du vil bedre forstå fra det gitte eksemplet.

Eksempel

Grønn

Grønn

Grønn

Grønn

Grønn

I ovennevnte eksempel setter vi verdien av alfa fra 0.0 (helt gjennomsiktig) til 1.0 (helt ugjennomsiktig) og du kan se forskjellen i intensiteten av åpenhet.

CSS Hex -farger

I CSS -farger kan også spesifiseres med heksadesimale verdier, det er bare en annen måte å representere farger. I CSS er det den vanligste måten å spesifisere en farge ved å bruke heksadesimale verdier med et " #" -skilt som #RRGGBB. Mens R, G, B er henholdsvis kodene for rødt, grønt og blått.

Heksadesimale tall med kombinasjonen av 0-9 og A-F brukes til å representere en farge i CSS. Noen eksempler på grunnleggende sekskantfarger er gitt nedenfor:

• #FFFFF: Det representerer den hvite fargen og
• #000000: Det representerer den svarte fargen.

For bedre forståelse ta en titt på følgende eksempel.

Eksempel

Spesifiser farger ved å bruke sekskantverdier

#0f4bff

#3CB371

EE652E

#FFA500

#6A5ACD

I eksemplet ovenfor vises forskjellige farger ved å bruke hex -verdiene. Alle disse sekskantverdiene er kombinasjonen av heksadesimale tall, som er 16 distinkte alfa-numeriske verdier som ligger mellom 0-9 og A-F.

Konklusjon

RGB, RGBA og Hex er de forskjellige typene å vise farger i CSS. Mens RGB er en kombinasjon av tre farger (rød, grønn og blå), er RGBA den samme som RGB med utvidelsen av alfa (alfa = transperancy) og Hex bruker heksadesimale verdier for å representere farger. Utvalget av RGB- og hex -farger ligger mellom henholdsvis 0 til 255 heltall og 00 til FF. Alle disse tre typene er godt definert med eksempler.