Nazewnictwo kolorów w używane w CSS
Kolejną ważną cechą oferowaną przez kaskadowe arkusze stylów jest możliwość określania nazw kolorów. Do tego, podobnie jak w języku HTML, można użyć nazw kolorów, np. red, green czy blue.
div
{
color: red;
}
Niestety, nazwy zostały przypisane jedynie kilkunastu podstawowym barwom i jeżeli chciałbyś użyć innej, musisz skorzystać z odmiennej formy. Zapis w postaci RGB może przybierać następującą postać:
div
{
color: rgb(255,0,0);
}
Wybrane kolory, wchodzące w skład bezpiecznej palety 216 barw, z przypisanymi nazwami.
Nazwa koloru Zapis szesnastkowy
Black #000000
Silver #C0C0C0
Gray #808080
White #FFFFFF
Maroon #800000
Red #FF0000
Purple #800080
Fuchsia #FF00FF
Green #008000
Lime #00FF00
Olive #808000
Yellow #FFFF00
Navy #000080
Blue #0000FF
Teal #008080
Aqua #00FFFF
Zapis kolorów wykorzystujący model RGB przypisuje liczby całkowite z przedziału od 0 do 255 każdej z wartości składowych palety RGB (red, green, blue), stąd liczb może być aż dziewięć.
Oczywiście można jeszcze zapisać kolor w postaci RGB, definiując procent nasycenia danej barwy.
div
{
color: rgb(100%,0%,0%);
}
Kolejnym sposobem zapisu barw jest metoda szesnastkowa, będąca dokładnie tym samym, co zapis szesnastkowy, doskonale znany wszystkim, którzy mieli do czynienia z komputerami.
div
{
color: #FF0000;
}
Podane przeze mnie przykłady za każdym razem określały kolor czerwony.
Specyfikacja CSS2 dopuszcza dodatkowo zastosowanie odwołań do kolorów użytych przez osobę oglądającą stronę. Przykładowo, mogę stworzyć stronę mającą tło identyczne z kolorem Twojego pulpitu lub okna.