CSS RGB Colors

Web-design bruker RGB (rød, grønn, blå) fargemodellen som en måte å skape ulike nyanser og fargetoner som skal vises i nettlesere. Denne modellen kombinerer de tre lys-baserte primærfarger, som skiller seg litt fra de røde, gule og blå primærfargene som brukes til å lage maling farger. Heksadesimale og RGB-koder representerer de to grunnleggende alternativer for bruk av RGB-verdier for å skape fargene i CSS (Cascading Style Sheets) kode.

RGB-verdier i heksadesimalkoder

Heksadesimale fargekoder er laget av tre par av 16-base (heksadesimalt) tall som varierer fra null til "F" med "F" er lik 16. Hvert par med tall representerer en rød, grønn og blå verdi i denne rekkefølge. I HTML og CSS, er heksadesimale fargekoder prefiks med en hash symbol:

0776F8

Dette eksempelet kode oppretter en fin blå. Når du flere to verdier i et par, får du 10-base (desimal) verdi av rødt, grønt eller blått. Den heksadesimale koden i eksempelet fordeler seg slik:

0 x 7 = 7

7 x 6 = 42

F x 8 = 128

Stenografi heksadesimalkoder

En annen måte å legge til farger i CSS bruker heksadesimale koder bruker forkortet tresifrede koder. Stenografi er praktisk når du ønsker å legge til hvitt, svart eller gråtoner. For eksempel, den heksadesimale koden for hvitt er "#FFFFFF" mens stenografi lik "#fff". Mørk grå som "# 555555" på samme måte bli "# 555".

RGB verdier Bruke RGB ()

Introdusert til CSS på nivå 3 (CSS3), RGB () koder kan du legge til farger til din stil ark uten behov for å konvertere røde, grønne og blå verdier i heksadesimal kode. Uansett hvor du vanligvis bruker en heksadesimale koden, kan du erstatte det med dette:

RGB (255,0,0)

Fargeverdiene varierer fra null til 255. Siden den første verdien - rød - er satt til 255, mens blått og grønt er satt til null, dette RGB () kode skaper en lys, primær rødt. Du kan også bruke prosentverdier i RGB () fargekoder: "RGB (100%, 0,0)".

RGB-verdier i RGBA ()

Den RGBA () fargekode gir en ekstra verdi til dine farger: alpha åpenhet. Denne verdien varierer fra null til en bruker desimaltall som tilsvarer andelen av åpenhet for fargen. For eksempel, hvis du ønsker å legge en svart skygge i et bilde på en webside og gi skygge 50 prosent gjennomsiktighet, alfa åpenhet verdien i RGBA () er 0,5:

RGBA (0,0,0,0.5)