niedziela, 17 listopada 2013

Kolory w CSS

Kolory w CSS możemy dodać na kilka sposobów. Rzecz jasna składnia będzie wyglądać następująco:
selector {color: value;}.

Cała zabawa zaczyna się przy value ponieważ mamy do wyboru 3 a nawet 4 możliwości. Pierwsza to wpisanie poprawnej nazwy w języku angielskim w następujący sposób:

selector {color: red;}

W specyfikacji ujętej przez W3C podane jest 140 przykładowych kolorów, jak wiadomo jest ich nieskończenie wiele(znaczy skończenie i nawet da się policzyć ile ale mi się nie chce) które są wspierane przez wszystkie przeglądarki. To znaczy, że poprawnie wyświetlą to co chcemy. 17 kolorów standardowych oraz 123 pozostałych, swoją drogą ciekawe, że znaleźli tyle określeń słownych na tyle kolorów.

HEX - określa stopień nasycenia barwą kolorami czerwonym niebieskim i zielonym. składnia polega na przyznaniu wartości 6 znakom po hashtagu. Każdy kolor ma 2 znaki dla siebie które określają jego intensywność. Mogą to być cyfry: od 0 do 9 oraz litery: od A do F. Przykład:

 selektor {color: #11AA22;}

Do zabawy w dobranie odpowiedniego koloru warto użyć Color Pickera.

RGB - skrót od angielskich nazw kolorów jego składnia wygląda tak:

selektor {color: rgb(255,0,0) ;}

gdzie wartości po przecinku to stopień nasycenia. Może wachać się on dla każdego koloru od 0 do 255.

Brak komentarzy:

Prześlij komentarz