Najnowsze tutoriale tworzenie stron internetowych
 

CSS Zabarwienie


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:

Przykład

Color Name
 Red
 Green
 Blue
 Orange
 Yellow
 Cyan
 Black
Spróbuj sam "

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
rgb (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)
Spróbuj sam "

Odcienie szarości są często definiowane za pomocą równe wartości dla wszystkich źródeł światła 3:

Przykład

Color RGB
  rgb(0,0,0)
  rgb(128,128,128)
  rgb(255,255,255)
Spróbuj sam "

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" .

Przykład

Color HEX
  #FF0000
  #00FF00
  #0000FF
  #FFA500
  #FFFF00
  #00FFFF
Spróbuj sam "

Odcienie szarości są często definiowane za pomocą równe wartości dla wszystkich źródeł światła 3:

Przykład

Color HEX
  #000000
  #808080
  #FFFFFF
Spróbuj sam "