Kolory HEX w CSS

Wprowadzenie

Zapis HEX (#rrggbb) jest bardzo popularny w webdevie. Każda para cyfr oznacza ilość czerwieni, zieleni i niebieskiego.

---

Teoria / Wyjaśnienia

• Składniki zapisujemy w systemie szesnastkowym (0–9, A–F):
  • #ff0000 – czerwony,
  • #00ff00 – zielony,
  • #0000ff – niebieski.
• Skrócony zapis: #fff = #ffffff (biały), #000 = #000000 (czarny).

---

Praktyczne przykłady

Przykład

<p style="color: #ff0000;">Czerwony tekst (HEX).</p>
<p style="color: #00ff00;">Zielony tekst (HEX).</p>
<p style="background-color: #333333; color: #ffffff;">Jasny tekst na ciemnym tle.</p>

---

Ćwiczenie

1. Wybierz kilka kolorów z dowolnego „color pickera” online i zanotuj ich wartości HEX.
2. Użyj ich na stronie jako kolory tekstu i tła.
3. Zadbaj o dobry kontrast między tekstem a tłem.