CSS RGB Färg

RGB-värden

I CSS kan du specificera färger som RGB-värden med följande formel:

rgb(red, green, blue)

varje parameter (red,green och blue) definierar färgstyrkan mellan 0 och 255.

Till exempel visas rgb(255, 0, 0) som röd, eftersom röd är satt till maximalt värde (255) och de andra till 0.

För att visa svart, sätt alla färgparametrar till 0, såsom: rgb(0, 0, 0).

För att visa vit, sätt alla färgparametrar till 255, såsom: rgb(255, 255, 255).

Prova att blanda följande RGB-värden:

　

RED

255

GREEN

0

BLUE

0

Exempel

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Prova själv

Vanligtvis används lika värden för alla tre ljuskällor för att definiera grå skuggor:

Exempel

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

Prova själv

RGBA-värden

RGBA-färgvärden är en utökning av RGB-färgvärden med alpha-kanal - det specificerar färgens opakhet.

RGBA-färgvärden specificeras som:

rgba(red, green, blue, alpha)

alpha Parametrarna är nummer mellan 0.0 (fullt genomskinligt) och 1.0 (inte genomskinligt):

Prova genom att blanda följande RGBA-värden:

　

RED

255

GREEN

0

BLUE

0

ALPHA

0

Exempel

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

Prova själv