Kolory RGB CSS

Wartości RGB

W CSS, można użyć poniższego wzoru, aby określić kolor jako wartość RGB:

rgb(red, green, blue)

każdy parametr (red,green oraz blue) określa intensywność koloru w zakresie od 0 do 255.

Na przykład, rgb(255, 0, 0) wyświetla się jako czerwony, ponieważ czerwony jest ustawiony na maksymalną wartość (255), a inne na 0.

Aby wyświetlić czarny kolor, ustaw wszystkie parametry koloru na 0, jak pokazano poniżej: rgb(0, 0, 0).

Aby wyświetlić biały kolor, ustaw wszystkie parametry koloru na 255, jak pokazano poniżej: rgb(255, 255, 255).

Próbuj przez mieszanie poniższych wartości RGB:

 

RED

255

GREEN

0

BLUE

0

Przykład

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

Spróbuj sam

Zwykle użycie równych wartości dla wszystkich trzech źródeł światła, aby zdefiniować cień szary:

Przykład

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

Spróbuj sam

Wartości RGBA

Wartość koloru RGBA jest rozszerzeniem wartości koloru RGB z kanałem alpha - określa ona przezroczystość koloru.

Wartości kolorów RGBA są określone jako:

rgba(red, green, blue, alpha)

alpha Parametry to liczby między 0.0 (zupełnie przezroczysty) a 1.0 (zupełnie nieprzejrzysty):

Próbuj eksperymentować z mieszaniem poniższych wartości RGBA:

 

RED

255

GREEN

0

BLUE

0

ALPHA

0

Przykład

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)

Spróbuj sam