Page 26 - Informatyka na czasie ZP1
P. 26
Rozdział 4. Strony WWW i grafika komputerowa
11.5. Kolory na stronach WWW
W języku HTML za pomocą kolorów możemy zmieniać wygląd wie
lu elementów. Kolorem możemy wyróżniać tekst, linie w tabeli, obra
mowania, wypełnienia, tła. Do opisu koloru wykorzystuje się zazwy
Model RGB czaj model RGB, który jest właściwy dla obiektów wyświetlanych na
różnego rodzaju ekranach. Każdy kolor w tym modelu jest mieszanką
trzech barw podstawowych – czerwonej (ang. red), zielonej (ang. green)
i niebieskiej (ang. blue). Natężenie barw głównych reprezentują liczby.
Kolor w modelu RGB może my opisać na dwa sposoby:
Tryb RGB w trybie RGB, np. rgb(124, 252, 0),
Tryb szesnastkowy w trybie szesnastkowym, np. #7cfc00.
to inaczej tryb Oba tryby pozwalają zapisać dokładnie tę samą liczbę kolorów. Poni
heksadecymalny.
Popularny jest również żej podano przykład zastosowania wartości kolorów w kodzie HTML.
skrót HEX, od angielskiego Wykorzystano w nim atrybut style znacznika <p>:
słowa hexadecimal.
1. <p style="color:#7cfc00;">Szesnastkowy zapis koloru
2. </p>
3. <p style="color:rgb(124, 252, 0);">Zapis koloru
Warto wiedzieć 4. w trybie RGB</p>
Tryb RGB jest oparty
na składowych trzech W praktyce często korzysta się z serwisów, które podają wprost
barw o natężeniu wartości koloru w wybranym trybie oraz pozwalają na budowanie
reprezentowanym przez schematów kolorystycznych. Takimi serwisami mogą być strona
liczbę z przedziału [0, 255].
Dla wartości równych 0 https://www.w3schools.com/colors/colors_picker.asp (rys. 11.13) lub
dostaniemy kolor czarny, wyszukiwarka Google, która w wynikach wyszukiwania frazy „color
a dla równych 255 – picker” wyświetli aplikację do wyboru kolorów (rys. 11.14).
kolor biały.
Rys. 11.13. Narzędzie do wybierania Rys. 11.14. Aplikacja Google dostępna po wpisaniu
kolorów w pasku wyszukiwania frazy „color picker”
Podstawowe kolory można określić w języku HTML również za
Nazwy kolorów pomocą ich nazw. Podaje się je jako wartość odpowiedniego atrybutu
style:
Dobra rada <p style="color:Purple;">Fiolet</p>
Pełną listę nazw kolorów
obsługiwanych przez Za pomocą atrybutu style="background-color:nazwa_koloru"
przeglądarki internetowe możemy ustawiać kolor wypełnienia dla niektórych znaczników:
możesz znaleźć na stronie
www.w3.org. <p style="background-color:Silver;">Srebrne tło</p>
182
