W palecie podstawowej HTML 4.01 znajduje się 16 nazwanych kolorów. Są to jedyne kolory gwarantowane przez samą specyfikację HTML 4.01, których nazwy można stosować bezpośrednio w kodzie – np. w atrybutach stylów, w plikach CSS oraz bez ryzyka, że zostaną inaczej zinterpretowane przez różne przeglądarki lub systemy operacyjne.
Lista 16 kolorów podstawowych HTML 4.01
| Nazwa koloru (angielska) | Kod heksadecymalny | Nazwa polska | Przykład użycia |
|---|---|---|---|
| black | #000000 | czarny | color: black; |
| silver | #C0C0C0 | srebrny | background-color: silver; |
| gray (grey) | #808080 | szary | color: gray; |
| white | #FFFFFF | biały | background: white; |
| maroon | #800000 | kasztanowy | color: maroon; |
| red | #FF0000 | czerwony | color: red; |
| purple | #800080 | purpurowy | color: purple; |
| fuchsia | #FF00FF | fuksja | color: fuchsia; |
| green | #008000 | zielony | background: green; |
| lime | #00FF00 | limonkowy | color: lime; |
| olive | #808000 | oliwkowy | color: olive; |
| yellow | #FFFF00 | żółty | background: yellow; |
| navy | #000080 | granatowy | color: navy; |
| blue | #0000FF | niebieski | color: blue; |
| teal | #008080 | morski | color: teal; |
| aqua | #00FFFF | cyjan/akwamaryna | color: aqua; |
Przykłady zastosowań w kodzie
1. Definiowanie koloru tekstu w znacznikach HTML –
<p style="color: navy;">To jest granatowy tekst.</p>
2. Kolorowanie tła elementu –
<div style="background-color: yellow;">To pole ma żółte tło.</div>
3. Użycie w arkuszu CSS –
h1 { color: maroon; background: silver; }
4. Połączenie kilku kolorów w jednym projekcie –
<body style="background: black; color: white;">
<h2 style="color: lime;">Nagłówek zielony</h2>
<p style="color: aqua;">Akcent w kolorze cyjanowym</p>
</body>
Dlaczego właśnie 16 kolorów?
Specyfikacja HTML 4.01 wyróżnia tylko tę grupę nazwanych kolorów ze względu na kompatybilność i niezawodność wyświetlania niezależnie od przeglądarki czy platformy. Inne kolory mogą być wykorzystywane poprzez kody heksadecymalne (np. #123456), których dostępnych kombinacji w RGB jest ponad 16 milionów. Jednak tylko powyższe 16 kolorów można bezpiecznie nazywać „podstawowymi” w rozumieniu HTML 4.01 – pozostałe nazwy nie są gwarantowane przez standard i mogą być różnie interpretowane lub wręcz nieznane wybranym przeglądarkom.
Uwagi praktyczne
- Zgodność – Użycie nazw tych 16 kolorów daje pełną kompatybilność we wszystkich przeglądarkach obsługujących HTML 4.01;
- Rozszerzona paleta – Popularne poradniki i nowoczesne przeglądarki rozpoznają więcej nazw (tzw. „X11 colors”), ale oficjalnie standard HTML 4.01 ich nie gwarantuje – warto korzystać z wartości heksadecymalnych dla niestandardowych barw;
- Czytelność kodu – Stosowanie nazw kolorów poprawia czytelność kodu (łatwiej zidentyfikować zamierzony efekt wizualny), jednak dla projektów wymagających precyzyjnych barw zalecane jest użycie kodów HEX lub wartości RGB.
Podsumowując – W HTML 4.01 dostępnych jest dokładnie 16 podstawowych kolorów nazwanych. Używając tych nazw, masz pewność prawidłowego odwzorowania kolorów w każdej przeglądarce zgodnej ze specyfikacją HTML 4.01. To właśnie te kolory warto stosować, jeśli zależy Ci na maksymalnej kompatybilności i prostocie kodu.
