CSS rgba()-funktion

Exempel

Definiera olika RGB-färger med genomskinlighet (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* Rött med genomskinlighet */
#p2 {background-color:rgba(0,255,0,0.3);} /* Grönt med genomskinlighet */
#p3 {background-color:rgba(0,0,255,0.3);} /* Blått med genomskinlighet */

Prova själv

Definition och användning

rgba()-funktionen definierar färg med hjälp av Red-green-blue-alpha (RGBA)-modellen.

RGBA-färgvärden är en utökning av RGB-färgvärden, som har en alpha-kanal för att specificera färggenomskinlighet.

Version: CSS3

Webbläsarstöd

Talen i tabellen anger den första webbläsaren som helt stöder denna funktion.

Funktion
rgba() 1.0 9.0 3.0 3.1 10.0

CSS-syntax

rgba(red, green, blue, alpha)
Värde Beskrivning
red Definiera rött intensitet som ett heltal mellan 0 och 255, eller en procentandel mellan 0% och 100%.
green Definiera grönt intensitet som ett heltal mellan 0 och 255, eller en procentandel mellan 0% och 100%.
blue Definiera blått intensitet som ett heltal mellan 0 och 255, eller en procentandel mellan 0% och 100%.
alpha Definiera ogenomskinlighet som ett nummer mellan 0.0 (fullt genomskinligt) och 1.0 (inte genomskinligt).