CSS rgb() funktion
- Föregående sida CSS repeating-radial-gradient() funktion
- Nästa sida CSS rotate() funktion
- Gå tillbaka till föregående nivå CSS function reference manual
Definition och användning
CSS rgb() funktionen använder röd-grön-blå (RGB) färgmodellen för att specificera färgen. Det kan också läggas till en valfri genomskinlighetsskanal (som representerar färgens genomskinlighet).
RGB-färgvärden definieras genom rgb(röd grön blå) Specificera. Varje parameter definierar styrkan av färgen, och kan vara ett heltal mellan 0 och 255 eller en procentandel mellan 0% och 100%.
Till exempel, värdet rgb(0 0 255) presenteras som blått, eftersom blått värde är satt till max (255), medan de andra värdena är satta till 0.
Observera:rgba() Funktionen är rgb() Funktionens alias. Rekommenderas att använda rgb() Funktion.
Exempel
Definiera olika RGB(A)-färger:
#p1 {background-color:rgb(255 0 0);} /* Röd */
#p2 {background-color:rgb(0 255 0);} /* Grön */
#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);} /* Karmosin */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* Karmosin med transparens */
#p8 {background-color:rgb(0 0 255 / 50%);} /* Blå med transparens */
CSS-syntax
Absolut värdesyntax
rgb(R G B / A)
| Värde | Beskrivning |
|---|---|
| R |
Obligatoriskt. Definierar rödans styrka, kan vara ett heltal mellan 0 och 255 eller en procentandel mellan 0% och 100%. Man kan också använda none (likvärdigt med 0%). |
| G |
Obligatoriskt. Definierar gröns styrka, kan vara ett heltal mellan 0 och 255 eller en procentandel mellan 0% och 100%. Man kan också använda none (likvärdigt med 0%). |
| B |
Obligatoriskt. Definierar blåns styrka, kan vara ett heltal mellan 0 och 255 eller en procentandel mellan 0% och 100%. Man kan också använda none (likvärdigt med 0%). |
| / A |
Valfritt. Anger transparenskanalvärdet för färgen, 0% (eller 0) betyder helt genomskinlig, 100% (eller 1) betyder helt opåverkad. Man kan också använda none (som betyder ingen transparenskanal). Standardvärdet är 100%. |
Relativ värdesyntax
rgb(from color R G B / A)
| Värde | Beskrivning |
|---|---|
| from color |
Börjar med nyckelordet from, följt av färgvärdet som representerar den ursprungliga färgen. Detta är den ursprungliga färgen som relativa färger är baserade på. |
| R |
Obligatoriskt. Definierar rödans styrka, kan vara ett heltal mellan 0 och 255 eller en procentandel mellan 0% och 100%. Man kan också använda none (likvärdigt med 0%). |
| G |
Obligatoriskt. Definierar gröns styrka, kan vara ett heltal mellan 0 och 255 eller en procentandel mellan 0% och 100%. Man kan också använda none (likvärdigt med 0%). |
| B |
Obligatoriskt. Definierar blåns styrka, kan vara ett heltal mellan 0 och 255 eller en procentandel mellan 0% och 100%. Man kan också använda none (likvärdigt med 0%). |
| / A |
Valfritt. Anger transparenskanalvärdet för färgen, 0% (eller 0) betyder helt genomskinlig, 100% (eller 1) betyder helt opåverkad. Man kan också använda none (som betyder ingen transparenskanal). Standardvärdet är 100%. |
Tekniska detaljer
| Version: | CSS2 |
|---|
Webbläsarstöd
Talen i tabellen representerar den första webbläsarversion som helt stöder denna funktion.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| rgb() | ||||
| 1 | 4 | 1 | 1 | 3.5 |
| rgb() med transparensparameter | ||||
| 65 | 79 | 52 | 12.1 | 52 |
| Mellanslag-separerade parametrar | ||||
| 65 | 79 | 52 | 12.1 | 52 |
- Föregående sida CSS repeating-radial-gradient() funktion
- Nästa sida CSS rotate() funktion
- Gå tillbaka till föregående nivå CSS function reference manual
