Najnowsze tutoriale tworzenie stron internetowych
 

Colors Poradnik


Kolory są wyświetlane połączenie czerwonego, zielonego i niebieskiego światła.


nazwy kolorów

Z CSS, kolory mogą być ustawione za pomocą nazwy kolorów:

Przykład

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

Wartości CSS Kolor

Z CSS, kolory mogą być określone w różny sposób:

  • Przez nazw kolorów
  • Jako wartości RGB
  • Jako wartości szesnastkowe
  • Jako wartości HSL (CSS3)
  • Jako wartości HWB (CSS4)

Kolory RGB

Wartości kolorów RGB są obsługiwane we wszystkich przeglądarkach.

Wartość RGB jest określona: RGB (czerwony, zielony, niebieski).

Każdy parametr (czerwony, zielony i niebieski) określa intensywność koloru jako liczba całkowita z przedziału od 0 do 255.

Na przykład rgb (0,0,255) jest wyświetlany jako niebieski, niebieski, ponieważ parametr jest ustawiony na jego najwyższej wartości (255), a pozostałe są ustawione na 0.

Przykład

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
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 Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
Spróbuj sam "

szesnastkowe kolorów

Szesnastkowe wartości kolorów są obsługiwane we wszystkich przeglądarkach.

Kolor szesnastkowy jest określona: #RRGGBB.

RR (czerwony), GG (zielony) i BB (niebieski) są szesnastkowe całkowitymi pomiędzy 00 i FF określające intensywność koloru.

Na przykład, # 0000FF wyświetlany jest niebieski, ponieważ niebieski składnik jest ustawiona na najwyższą wartość (w przód), a pozostałe są ustawione na 00.

Przykład

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue
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 RGB Color
  #000000 rgb(0,0,0) Black
  #808080 rgb(128,128,128) Gray
  #FFFFFF rgb(255,255,255) White
Spróbuj sam "

Wielkie litery lub małe litery?

Można używać dużych liter lub małych liter w celu określenia wartości szesnastkowych.

Uwaga Małe litery są łatwiejsze do napisania. Wielkie litery są łatwiejsze do odczytania.

nazwy kolorów

CSS obsługuje 140 standardowych nazw kolorów.

W następnym rozdziale znajdziesz pełną listę alfabetyczną nazw kolorów z wartościami szesnastkowym:

Color Name Hex Color
AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4