Definicje kolorów przydają się w takich poleceniach jak np. <body bgcolor="kolor">...</body> lub <font color="kolor">...</font> i w wielu innych. W miejsce wyrazu "kolor" należy wpisać o jaką barwę nam chodzi. Można to zrobić na dwa sposoby: podać słowną nazwę jednego z szesnastu kolorów podstawowych (patrz pierwsza część tabeli) lub odpowiednik dowolnego koloru w kodzie szesnastkowym (HEX).
A teraz mała powtórka z fizyki (proszę, nie uciekaj jeszcze od komputera, to będzie baaardzo krótka powtórka :-). Każdą barwę można utworzyć mieszając w odpowiednich proporcjach trzy kolory podstawowe: czerwony, zielony i niebieski (RGB - od angielskich słów: Red - czerwony, Green - zielony, Blue - niebieski). Nasycenie każdego z kolorów zapisujemy w definicji barwy w postaci: #RRGGBB, gdzie: RR - nasycenie koloru czerwonego; GG - nasycenie zielonego; BB - nasycenie niebieskiego (znak # oznacza, że definiujemy kolor w kodzie HEX). Wszystkie składowe muszą być podane w systemie szesnastkowym i poprzedzone znakiem #. Im większa liczba, tym jaśniejszy kolor. Zauważ, że liczba musi się składać z sześciu cyfr, nawet jeśli są to same zera! Przypominam, że w systemie szesnastkowym (HEX) jest szesnaście podstawowych cyfr: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Przykładowo: liczba B5 zapisana w kodzie HEX, oznacza w systemie dziesiętnym 181 (11*16 + 5 = 181). Konwersji DEC -> HEX (i odwrotnie) można dokonać np. w windows'owskim Kalkulatorze (trzeba włączyć widok profesjonalny).
Oczywiście w tabeli poniżej nie zostały umieszczone wszystkie kolory, ponieważ całkowita ilość kolorów możliwych do uzyskania tą metodą wynosi: 16 777 216. Aby otrzymać inne barwy, wystarczy zmienić niektóre cyfry w zapisie (HEX). Najlepsze rezultaty (widoczne różnice) można otrzymać, zmieniając pierwszą, trzecią lub piątą cyfrę (w kolejności od lewej strony).
Dowolny kolor tekstu oraz tła strony możesz sprawdzić tutaj.
Bardziej zaawansowany generator kolorów, z możliwością przetestowania komponowania się barw tekstu i tła strony oraz automatyczną konwersją DEC -> HEX i odwrotnie, znajduje się tutaj.
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 | |
| silver | #C0C0C0 | |
| gray | #808080 | |
| white | #FFFFFF | |
| maroon | #800000 | |
| red | #FF0000 | |
| purple | #800080 | |
| fuchsia | #FF00FF | |
| green | #008000 | |
| lime | #00FF00 | |
| olive | #808000 | |
| yellow | #FFFF00 | |
| navy | #000080 | |
| blue | #0000FF | |
| teal | #008080 | |
| aqua | #00FFFF |
W wielu poradnikach podawana jest rozszerzona paleta kolorów nazwanych. Zwracam uwagę, że w języku (X)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.
Kliknij wybrany kolor, aby zobaczyć jego odcienie: