Nazewnictwo kolorów w używane w CSS

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.