Wykaz kolorów HTML
Dla zainteresowanych
Bardziej zaawansowane sposoby definiowania kolorów - w tym nadawanie im efektu półprzezroczystości - znajdziesz w rozdziałach: Kolory CSS, Wykaz kolorów systemowych, Wykaz kolorów rozszerzonych.
Potrzebujesz pomocy?
Przy komponowaniu koloru tła oraz tekstu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj.
Bardziej zaawansowane sposoby definiowania kolorów - w tym nadawanie im efektu półprzezroczystości - znajdziesz w rozdziałach: Kolory CSS, Wykaz kolorów systemowych, Wykaz kolorów rozszerzonych.
Potrzebujesz pomocy?
Przy komponowaniu koloru tła oraz tekstu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj.
Kolory podstawowe
Oprócz kolorów zapisanych w systemie szesnastkowym, dostępna jest ograniczona paleta kolorów nazwanych, dla których zamiennie możemy używać ich nazwy zamiast kodu HEX:
| Nazwa | HEX | Kolor |
|---|---|---|
| black | #000000 | czarny |
| silver | #C0C0C0 | srebrny |
| gray | #808080 | szary |
| white | #FFFFFF | biały |
| maroon | #800000 | kasztanowy |
| red | #FF0000 | czerwony |
| purple | #800080 | purporowy |
| fuchsia | #FF00FF | fuksja |
| green | #008000 | zielony |
| lime | #00FF00 | limonowy |
| olive | #808000 | oliwkowy |
| yellow | #FFFF00 | żółty |
| navy | #000080 | granatowy |
| blue | #0000FF | niebieski |
| teal | #008080 | zielonomodry |
| aqua | #00FFFF | akwamaryna |
W wielu poradnikach podawana jest rozszerzona paleta kolorów nazwanych. Zwracam uwagę, że w języku HTML zostało zdefiniowane tylko 16 nazw kolorów. Użycie innych nazw jest błędem i nie gwarantuje interpretacji we wszystkich obecnych i przyszłych przeglądarkach! W zamian należy używać kodów HEX.
Odcienie szarości
Aby utworzyć kod szesnastkowy (HEX) definiujący dowolny odcień szarości, wystarczy ustawić takie same wartości dla każdej z trzech kolejnych par cyfr w liczbie szesnastkowej:
#000000
#111111
#222222
#333333
#444444
#555555
#666666
#777777
#888888
#999999
#AAAAAA
#BBBBBB
#CCCCCC
#DDDDDD
#EEEEEE
#FFFFFF
Paleta odcieni kolorów
Kliknij wybrany kolor, aby zobaczyć jego odcienie: