Samouczek HTML

Strona główna HTML Wprowadzenie do HTML Edytory HTML Podstawy HTML Elementy HTML Atrybuty HTML Nagłówki HTML Akapity HTML Style HTML Formatowanie HTML Cytaty HTML Komentarze HTML Kolory HTML HTML CSS Linki HTML Obrazy HTML Ulubione HTML Tabele HTML Listy HTML Blok HTML i wbudowany Klasy HTML Identyfikator HTML Ramki HTML HTML JavaScript Ścieżki plików HTML Nagłówek HTML Układ HTML HTML Responsywne Kod komputerowy HTML Semantyka HTML Przewodnik po stylach HTML Jednostki HTML Symbole HTML Emotikony HTML Zestaw znaków HTML Kodowanie adresu URL HTML HTML a XHTML

Formularze HTML

Formularze HTML Atrybuty formularza HTML Elementy formularza HTML Typy danych wejściowych HTML Atrybuty wejściowe HTML Atrybuty formularza wejściowego HTML

Grafika HTML

Płótno HTML HTML SVG

Media HTML

Media HTML Wideo HTML Dźwięk HTML Wtyczki HTML HTML YouTube

API HTML

Geolokalizacja HTML Przeciągnij/upuść HTML Magazyn sieciowy HTML HTML Web Workers HTML SSE

Przykłady HTML

Przykłady HTML Quiz HTML Ćwiczenia HTML Certyfikat HTML Podsumowanie HTML Dostępność HTML

Odniesienia HTML

Lista znaczników HTML Atrybuty HTML Globalne atrybuty HTML Obsługa przeglądarki HTML Zdarzenia HTML Kolory HTML Płótno HTML HTML audio/wideo Dokumenty HTML Zestawy znaków HTML Kodowanie adresu URL HTML Kody językowe HTML Wiadomości HTTP Metody HTTP Konwerter PX na EM Skróty klawiszowe

Kolory HTML RGB i RGBA


Wartość koloru RGB reprezentuje źródła światła CZERWONE, ZIELONE i NIEBIESKIE.

Wartość koloru RGBA jest rozszerzeniem RGB o kanał alfa (przezroczystość).


Wartości kolorów RGB

W HTML kolor można określić jako wartość RGB za pomocą poniższej formuły:

rgb ( czerwony, zielony , niebieski )

Każdy parametr (czerwony, zielony i niebieski) określa intensywność koloru o wartości od 0 do 255.

Oznacza to, że jest 256 x 256 x 256 = 16777216 możliwych kolorów!

Na przykład rgb(255, 0, 0) jest wyświetlany jako czerwony, ponieważ czerwony jest ustawiony na najwyższą wartość (255), a pozostałe dwa (zielony i niebieski) są ustawione na 0.

Inny przykład, rgb (0, 255, 0) jest wyświetlany jako zielony, ponieważ zielony jest ustawiony na najwyższą wartość (255), a pozostałe dwa (czerwony i niebieski) są ustawione na 0.

Aby wyświetlić czerń, ustaw wszystkie parametry kolorów na 0, na przykład: rgb(0, 0, 0).

Aby wyświetlić kolor biały, ustaw wszystkie parametry koloru na 255, na przykład: rgb(255, 255, 255).

Eksperymentuj, mieszając poniższe wartości RGB:

rgb(255, 99, 71)

CZERWONY

255

ZIELONY

99

NIEBIESKI

71

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)


Odcienie szarego

Odcienie szarości są często definiowane przy użyciu równych wartości dla wszystkich trzech parametrów:

Przykład

rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)


Wartości kolorów RGBA

Wartości kolorów RGBA są rozszerzeniem wartości kolorów RGB o kanał alfa, który określa krycie koloru.

Wartość koloru RGBA jest określona za pomocą:

rgba ( czerwony, zielony , niebieski, alfa )

Parametr alfa to liczba z zakresu od 0,0 (w pełni przezroczysta) do 1,0 (wcale nieprzezroczysta):

Eksperymentuj, mieszając poniższe wartości RGBA:

rgba (255, 99, 71, 0,5)

CZERWONY

255

ZIELONY

99

NIEBIESKI

71

ALFA

0,5

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)