CSS RGB farver

RGB-værdier

I CSS kan farver specificeres som RGB-værdier ved hjælp af nedenstående formel:

rgb(red, green, blue)

hver parameter (red,green og blue) definerer farvestyrken mellem 0 og 255.

For eksempel vises rgb(255, 0, 0) som rød, fordi rød er sat til maksimal værdi (255), mens de andre er sat til 0.

For at vise sort, skal alle farveparametre sættes til 0, som vist her: rgb(0, 0, 0).

For at vise hvid, skal alle farveparametre sættes til 255, som vist her: rgb(255, 255, 255).

Prøv at blande følgende RGB-værdier for eksperimentering:

　

RED

255

GREEN

0

BLUE

0

Eksempel

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

Prøv det selv

Normalt bruges ligefrem værdier for alle 3 lyskilder til at definere grå skygger:

Eksempel

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

Prøv det selv

RGBA-værdier

RGBA farveværdier er en udvidelse af RGB-farveværdier med alpha-kanal - den specificerer farvens gennemsigtighed.

RGBA farveværdier specificeres som:

rgba(red, green, blue, alpha)

alpha Parametrene er tal mellem 0.0 (fuldstændig gennemsigtig) og 1.0 (fuldstændig uigennemsigtig):

Prøv eksperimenter ved at blande følgende RGBA-værdier:

　

RED

255

GREEN

0

BLUE

0

ALPHA

0

Eksempel

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)

Prøv det selv