Ostatnio edytowany:

rgb()

Autor: Virtual Patriot

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.

Zakres wartości

0 - 255 (tylko liczby całkowite)

Wartość domyślna

brak

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.

Zakres wartości

0 - 255 (tylko liczby całkowite)

Wartość domyślna

brak

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.

Zakres wartości

0 - 255 (tylko liczby całkowite)

Wartość domyślna

brak

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