Kolory są wyświetlane połączenie czerwonego, zielonego i niebieskiego światła.
Kolory w CSS są najczęściej określone przez:
- poprawną nazwą kolor - podobnie jak "red"
- wartość RGB - podobnie jak "rgb(255, 0, 0)"
- wartość HEX - podobnie jak "#ff0000"
nazwy kolorów
Kolory określone za pomocą nazw kolorów:
Uwaga: Nazwy kolorów są wielkości liter: "Red" jest taka sama jak "red" lub "RED" .
HTML i CSS obsługuje 140 standardowych nazw kolorów .
RGB (czerwony, zielony, niebieski)
Wartości kolorów RGB można określić za pomocą następującego wzoru: RGB (czerwony, zielony, niebieski).
Każdy parametr (czerwony, zielony, niebieski) określa intensywność koloru od 0 do 255.
Na przykład rgb(255,0,0) jest wyświetlany jako czerwona, bo czerwona jest ustawiony na jego najwyższej wartości (255), a pozostałe są ustawione na 0. Eksperymentu przez zmieszanie wartości RGB poniżej:
| Czerwony | Zielony | niebieski |
|---|---|---|
| 255 | 0 | 0 |
Przykład
| Color | RGB |
|---|---|
| rgb(255,0,0) | |
| rgb(0,255,0) | |
| rgb(0,0,255) | |
| rgb(255,165,0) | |
| rgb(255,255,0) | |
| rgb(0,255,255) |
Odcienie szarości są często definiowane za pomocą równe wartości dla wszystkich źródeł światła 3:
szesnastkowe kolorów
RGB można również określić za pomocą szesnastkowych wartości kolorów w formie: # RRGGBB, gdzie RR (czerwony), GG (zielony) i BB (niebieski) to wartości szesnastkowe pomiędzy 00 i FF (tak samo jak dziesiętnych 0-255).
Na przykład #FF0000 jest wyświetlany jako czerwona, bo czerwona jest ustawiony na jego najwyższej wartości (FF), a pozostałe są ustawione na najniższą wartość (00). Uwaga: wartości HEX są wielkości liter: "#ff0000" jest taka sama jako "FF0000" .
Odcienie szarości są często definiowane za pomocą równe wartości dla wszystkich źródeł światła 3: