Autor publikacji: Virtual Patriot - Administrator

rgb()

Data publikacji: Styczeń 02 2017
Ostatnio edytowano: Grudzień 28 2024

Zobacz również: w3.org - rgb color (LV3)

Przeznaczenie funkcji `rgb()`

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

Parametry funkcji `rgb()`

            red, green, blue

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()`

: tak
: tak
: tak
: tak
: tak
: tak