CSS rgb() funktion
- Forrige side CSS repeating-radial-gradient() funktion
- Næste side CSS rotate() funktion
- Gå tilbage til niveauet over CSS funktion reference håndbog
definition og brug
CSS' rgb() funktionen ved hjælp af rød-grøn-blå (RGB) farvemodellen. En valgfri gennemsigtighedskanal kan også tilføjes (der repræsenterer farvens gennemsigtighed).
RGB-farveværdier defineres gennem rgb(rød grøn blå) Specificeret. Hver parameter definerer intensiteten af farven, og kan være et heltal mellem 0 og 255 eller en procentværdi mellem 0% og 100%.
For eksempel vises værdien rgb(0 0 255) som blå, fordi blå parameter er sat til maksimum (255), mens de andre parametre er sat til 0.
Bemerk:rgba() Funksjonen er rgb() Funksjonens alias. Anbefales å bruke rgb() Funksjon
Eksempel
Definer forskjellige RGB(A) farger:
#p1 {background-color:rgb(255 0 0);} /* Rød */
#p2 {background-color:rgb(0 255 0);} /* Grønn */
#p3 {background-color:rgb(0 0 255);} /* Blå */
#p4 {background-color:rgb(192 192 192);} /* Grå */
#p5 {background-color:rgb(255 255 0);} /* Gult */
#p6 {background-color:rgb(255 0 255);} /* Kirschrot */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* Kirschrot med transparens */
#p8 {background-color:rgb(0 0 255 / 50%);} /* Blå med transparens */
CSS语法
Absolutt verdi语法
rgb(R G B / A)
| Verdi | Beskrivelse |
|---|---|
| R |
Obligatorisk. Definerer rød intensiteten, kan være et heltall mellom 0 og 255 eller en prosentandel mellom 0% og 100%. Man kan også bruke none (liketydig med 0%). |
| G |
Obligatorisk. Definerer grønn intensiteten, kan være et heltall mellom 0 og 255 eller en prosentandel mellom 0% og 100%. Man kan også bruke none (liketydig med 0%). |
| B |
Obligatorisk. Definerer blå intensiteten, kan være et heltall mellom 0 og 255 eller en prosentandel mellom 0% og 100%. Man kan også bruke none (liketydig med 0%). |
| / A |
Valgfri. Representerer fargeens transparenskanalverdi, 0% (eller 0) betyr fullt gjennomskinnelig, 100% (eller 1) betyr helt uigjennomskinnelig. Man kan også bruke none (som betyr ingen transparenthetskanal). Standardverdien er 100%. |
Relativ verdi语法
rgb(from color R G B / A)
| Verdi | Beskrivelse |
|---|---|
| from color |
Begynner med nøkkelordet from, fulgt av fargeverdien som representerer den opprinnelige fargen. Dette er den opprinnelige fargen som relativerede farger er basert på. |
| R |
Obligatorisk. Definerer rød intensiteten, kan være et heltall mellom 0 og 255 eller en prosentandel mellom 0% og 100%. Man kan også bruke none (liketydig med 0%). |
| G |
Obligatorisk. Definerer grønn intensiteten, kan være et heltall mellom 0 og 255 eller en prosentandel mellom 0% og 100%. Man kan også bruke none (liketydig med 0%). |
| B |
Obligatorisk. Definerer blå intensiteten, kan være et heltall mellom 0 og 255 eller en prosentandel mellom 0% og 100%. Man kan også bruke none (liketydig med 0%). |
| / A |
Valgfri. Representerer fargeens transparenskanalverdi, 0% (eller 0) betyr fullt gjennomskinnelig, 100% (eller 1) betyr helt uigjennomskinnelig. Man kan også bruke none (som betyr ingen transparenthetskanal). Standardverdien er 100%. |
Tekniske detaljer
| Versjon: | CSS2 |
|---|
Nettleserstøtte
Tallene i tabellen viser den første nettleserversjonen som fullt ut støtter denne funksjonen.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| rgb() | ||||
| 1 | 4 | 1 | 1 | 3.5 |
| rgb() med transparensparameter | ||||
| 65 | 79 | 52 | 12.1 | 52 |
| Mellemrum adskiller parametre | ||||
| 65 | 79 | 52 | 12.1 | 52 |
- Forrige side CSS repeating-radial-gradient() funktion
- Næste side CSS rotate() funktion
- Gå tilbage til niveauet over CSS funktion reference håndbog
