CSS RGB värit

RGB-arvot

CSS:ssa voidaan määrittää värit RGB-arvoina seuraavalla kaavalla:

rgb(red, green, blue)

jokainen parametri (red,green ja blue) määrittää värivoiman välillä 0 ja 255.

Esimerkiksi rgb(255, 0, 0) näkyy punaisena, koska punainen on asetettu suurimmaksi arvoksi (255), ja muut asetettu 0:ksi.

Mustan näyttämiseksi aseta kaikki väriparametrit 0:ksi, kuten seuraavasti: rgb(0, 0, 0).

Valkoisen näyttämiseksi aseta kaikki väriparametrit 255:ksi, kuten seuraavasti: rgb(255, 255, 255).

Kokeile sekoittaa seuraavat RGB-arvot:

　

RED

255

GREEN

0

BLUE

0

Esimerkki

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

Kokeile itse

Yleensä käytetään yhtäarvoisia arvoja kaikille kolmelle valaistuslähdeolle määrittämään harmaasävyjä:

Esimerkki

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

Kokeile itse

RGBA-arvot

RGBA-väriarvo on RGB-väriarvon laajennus, jolla on alpha-kanava - se määrittää väriädyöksellisyyden.

RGBA-värimääritykset määritetään:

rgba(red, green, blue, alpha)

alpha Parametrit ovat lukuja, jotka ovat välillä 0.0 (täysin läpinäkyvä) ja 1.0 (ei läpinäkyvyyttä):

Kokeile sekoittaa seuraavat RGBA-arvot:

　

RED

255

GREEN

0

BLUE

0

ALPHA

0

Esimerkki

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)

Kokeile itse