Barwa na stronach internetowych

Podstawy stosowania kolorów

• Kolory definiujemy w CSS za pomocą nazw, wartości heksadecymalnych (#RRGGBB), RGB lub HSL.
• Przykład użycia koloru tła w CSS: odede>background-color: #0066cc;
• Do tekstu używamy color, np. odede>color: #333333;

Zasady wyboru palety barw

• Zastosuj zasadę trzech kolorów: kolor główny, kolor uzupełniający i kolor akcentujący.
• Używaj harmonii barw (analogiczne, komplementarne, triady) – narzędzia online pomagają wybierać palety.
• Zachowaj kontrast pomiędzy tekstem a tłem dla czytelności.
• Dopasuj paletę do charakteru strony (np. stonowane kolory dla firm, żywe dla stron rozrywkowych).

Przykład CSS z kolorami

body {
  background-color: #f0f4f8;
  color: #0b2338;
}
header {
  background-color: #0a66c2;
  color: white;
}
a {
  color: #3fb1ff;
}

Ćwiczenia praktyczne

body {
  background-color: #ffffff;
  color: #333333;
}
a {
  color: #007acc;
}
button {
  background-color: #005fa3;
  color: white;
}