Kolory szesnastkowe CSS
Kolor szesnastkowy określa się za pomocą: #RRGGBB, gdzie szesnastkowe liczby całkowite RR (czerwony), GG (zielony) i BB (niebieski) określają składniki koloru.
Wartość szesnastkowa
W CSS kolor można określić za pomocą wartości szesnastkowej w postaci:
# rrggbb
Gdzie rr (czerwony), gg (zielony) i bb (niebieski) to wartości szesnastkowe z zakresu od 00 do ff (tak samo jak dziesiętne 0-255).
Na przykład #ff0000 jest wyświetlany jako czerwony, ponieważ czerwony jest ustawiony na najwyższą wartość (ff), a pozostałe są ustawione na najniższą wartość (00).
Aby wyświetlić czarny, ustaw wszystkie wartości na 00, na przykład: #000000.
Aby wyświetlić kolor biały, ustaw wszystkie wartości na ff, na przykład: #ffffff.
Eksperymentuj, mieszając poniższe wartości HEX:
#ff6347
CZERWONY
ZIELONY
NIEBIESKI
Przykład
Odcienie szarości są często definiowane przy użyciu równych wartości dla wszystkich 3 źródeł światła:
Przykład
3-cyfrowa wartość szesnastkowa
Czasami zobaczysz 3-cyfrowy kod szesnastkowy w źródle CSS.
3-cyfrowy kod szesnastkowy jest skrótem niektórych 6-cyfrowych kodów szesnastkowych.
3-cyfrowy kod szesnastkowy ma następującą postać:
# rgb
Gdzie r, g i b oznaczają składowe czerwony, zielony i niebieski o wartościach od 0 do f.
3-cyfrowy kod szesnastkowy może być użyty tylko wtedy, gdy obie wartości (RR, GG i BB) są takie same dla każdego składnika. Tak więc, jeśli mamy #ff00cc, można to zapisać tak: #f0c.
Oto przykład:
Przykład
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}