Autor publikacji
Virtual Patriot - Administrator

rgb()

Data publikacji
Ostatnio edytowano

Przeznaczenie funkcji rgb()

Za pomocą funkcji rgb() możemy określić wartość interesującego nas koloru.

Parametry funkcji rgb()

Przykładowe zapisy

rgb(188, 59, 213)

rgb(255, 0, 200)

rgb(90, 185, 45)

red

Parametr red jest wymaganym parametrem funkcji rgb(). Parametr red określa intensywność barwy czerwonej. Im większa wartość parametru red tym intensywność barwy czerwonej nowo powstającego koloru będzie większa.

green

Parametr green jest wymaganym parametrem funkcji rgb(). Parametr green określa intensywność barwy zielonej. Im większa wartość parametru green tym intensywność barwy zielonej nowo powstającego koloru będzie większa.

blue

Parametr blue jest wymaganym parametrem funkcji rgb(). Parametr blue określa intensywność barwy niebieskiej. Im większa wartość parametru blue tym intensywność barwy niebieskiej nowo powstającego koloru będzie większa.

Przykład funkcji rgb()

  background-color:rgb(37, 244, 182);
tło tego elementu "div" posiada nowy kolor, ponieważ do tego elementu "div" została dodana właściwość "background-color" wraz z wartością w postaci funkcji "rgb()", w której to funkcji zostały użyte następujące wartości: "37, 244, 182"

Kod źródłowy przykładu

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs CSS</title>

    <style>
      html {
        font-size:16px;
        font-family:Helvetica, sans-serif;
      }

      div {
        background-color:rgb(37, 244, 182);
        padding:1em;
        font-size:1.3em;
      }
    </style>
  </head>

  <body>

    <div>
      tło tego elementu "div" posiada nowy kolor, ponieważ do tego elementu "div" została dodana właściwość "background-color" wraz z wartością w postaci funkcji "rgb()", w której to funkcji zostały użyte następujące wartości: "37, 244, 182"
    </div>

  </body>
</html>

Interpretacja funkcji rgb()

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak