Kolory HTML są oznaczone sześcioma znakami po ukośniku — na przykład #000000. Te sześć znaków reprezentuje proporcje różnych kolorów (czerwonego, zielonego i niebieskiego) w ostatecznym kolorze. Obraz na monitorze komputera składa się z ogromnej liczby punktów zwanych pikselami. Każdy piksel to małe źródło światła, nazwijmy go „latarką”, która z kolei składa się z trzech latarek – czerwonej, zielonej i niebieskiej. Zmniejszając lub zwiększając intensywność blasku poszczególnych kolorowych lampionów uzyskujemy pożądany kolor.
kody kolorów html
Kolory w HTML są oznaczone notacją szesnastkową (HEX) dla kombinacji czerwonego, niebieskiego i zielonego (RGB).
Najmniejsza wartość koloru to 0 (szesnastkowo 00). Najwyższa wartość koloru to 255 (szesnastkowo FF).
Szesnastkowa wartość koloru to trzy cyfry zaczynające się od #.
Kody kolorów (wartości)
Kolor | Kod szesnastkowy | Kod RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb (0,255,0) | |
#0000FF | RGB(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb (0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
16 milionów odcieni
Połączenie czerwonego, niebieskiego i zielonego o wartościach od 0 do 255 dla każdego koloru daje ponad 16 milionów odcieni (256 x 256 x 256).
Większość nowoczesnych monitorów jest w stanie wyświetlić co najmniej 16 384 różnych odcieni (monitory LCD są na ogół zdolne do wyświetlania 262,16 milionów (aktualizacja: październik 2013) kolorów, podczas gdy monitory CRT mogą wyświetlać niemal nieograniczoną liczbę kolorów).
Poniższa tabela kolorów pokazuje zmianę proporcji czerwonego od 0 do 255 przy zerowych wartościach dla niebieskiego i zielonego:
Czerwony | Kod szesnastkowy | Kod RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | RGB(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | RGB(40,0,0) | |
#300000 | RGB(48,0,0) | |
#380000 | RGB(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | RGB(88,0,0) | |
#600000 | RGB(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | RGB(120,0,0) | |
#800000 | RGB(128,0,0) | |
#880000 | RGB (136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | RGB(160,0,0) | |
#A80000 | RGB(168,0,0) | |
#B00000 | RGB(176,0,0) | |
#B80000 | RGB(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | RGB (200,0,0) | |
#D00000 | RGB(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | RGB(232,0,0) | |
#F00000 | RGB(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
odcienie szarego
Aby uzyskać odcienie szarości, stosuje się równe proporcje wszystkich kolorów. Aby ułatwić wybór pożądanego koloru, udostępniamy Państwu kody odcieni szarości.
odcienie szarego | Kod szesnastkowy | Kod RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | RGB(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | RGB(40,40,40) | |
#303030 | RGB(48,48,48) | |
#383838 | RGB(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | RGB(80,80,80) | |
#585858 | RGB(88,88,88) | |
#606060 | RGB (96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112, 112, 112) | |
#787878 | RGB(120,120,120) | |
#808080 | RGB(128,128,128) | |
#888888 | RGB(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152.152.152) | |
#A0A0A0 | RGB (160,160,160) | |
#A8A8A8 | RGB(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | RGB (200 200 200) | |
#D0D0D0 | RGB(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | RGB (240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
Różne przeglądarki (dla wszystkich przeglądarek) nazwy kolorów html
Zbiór 150 nazw kolorów HTML obsługiwanych we wszystkich przeglądarkach.
Standaryzowane nazwy kolorów
W3C wymienia 16 prawidłowych nazw kolorów dla HTML i CSS: aqua (akwamaryn), czarny (czarny), niebieski (niebieski), fuksja (magenta), szary (szary), zielony (zielony), limonkowy (limonkowy lub jasnozielony), bordowy (kasztan), granatowy (ultramaryna), oliwkowy (oliwkowy), fioletowy (fioletowy), czerwony (czerwony), srebrny (srebrny), morski (szary), biały (biały) i żółty (żółty).
W przypadku używania kolorów, których nie ma na tej liście, bardziej poprawne będzie użycie ich kodu szesnastkowego (HEX) lub kodu RGB.
Bezpieczne kolory
Kilka lat temu, kiedy komputery mogły obsługiwać maksymalnie 256 różnych kolorów, zaproponowano listę 216 "Bezpiecznych kolorów internetowych", z 40 kolorami zarezerwowanymi dla systemu.
Ta 216-kolorowa paleta została stworzona w celu poprawnego wyświetlania kolorów w trybie 256-kolorowej palety.
Teraz to nie ma znaczenia, ponieważ większość komputerów na całym świecie obsługuje miliony odcieni kolorów. W każdym razie oto lista tych kolorów:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399 FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600 FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699 FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900 FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Istnieje kilka sposobów przedstawiania kolorów w projektowaniu stron internetowych.
HEX to system szesnastkowy reprezentujący kolory o podstawie 16. W tym systemie arabskie cyfry dziesiętne od 0 do 9 i litery łacińskie od A do F są używane jako uzupełnienie liczby cyfrowej do 16. W przypadku projektowania stron internetowych, 16 podstawowych (kluczowych) kolorów , tzw. szesnastkowy kod koloru #RRGGBB, gdzie każda para odpowiada za swój udział koloru: RR - czerwony, GG - zielony i BB - niebieski. Każda frakcja koloru waha się od 00 do FF.
Dwie inne reprezentacje koloru w projektowaniu stron internetowych to: w postaci RGB(*,*,*), gdzie każda część koloru "*" jest reprezentowana przez cyfry dziesiętne od 0 do 255 oraz przez nazwy kolorów w języku angielskim.
Podczas tworzenia kolorowego obrazu głównym problemem jest prawidłowe odwzorowanie kolorów na różnych typach komputerów, monitorów i przeglądarek. Jeśli przeglądarka nie może poprawnie renderować koloru, dopasowuje lub miesza wiele kolorów. A czasami można go zastąpić zupełnie innym kolorem.
Stół 16 kolorów podstawowych, które są używane we wszystkich przeglądarkach
Nazwa | Kolor | klątwa | (RGB) |
Aqua (fala morska) | #00FFFF | (000,255,255) | |
Czarny czarny) | #000000 | (000,000,000) | |
Niebieski niebieski) | #0000FF | (000,000,255) | |
Fuksja (magenta) | #FF00FF | (255,000,255) | |
Szary (szary) | #808080 | (128,128,128) | |
Zielony zielony) | #008000 | (000,128,000) | |
Limonkowy (jasnozielony) | #00FF00 | (000,255,000) | |
Bordowy (bordowy) | #800000 | (128,000,000) | |
Granatowy (ciemnoniebieski) | #000080 | (000,000,128) | |
Oliwkowy (oliwkowy) | #808000 | (128,128,000) | |
Fioletowy (fioletowy) | #800080 | (128,000,128) | |
Czerwony czerwony) | #FF0000 | (255,000,000) | |
Srebrny (srebrny) | #C0C0C0 | (192,192,192) | |
Turkusowy (szary zielony) | #008080 | (000,128,128) | |
Biały biały) | #FFFFFF | (255,255,255) | |
Żółty (żółty) | #FFFF00 | (255,255,000) |
Stół fioletowy kolory i odcienie
Nazwa | Kolor | klątwa | (RGB) |
Magenta (magenta) | #FFCBDB | (255,203,219) | |
Magenta (magenta) | #FF0099 | (255,000,153) | |
Magenta (magenta) | #F95A61 | (249,090,097) | |
Fuksja (fuksja) | #FF00FF | (255,000,255) | |
Mauveine (fiolet anilinowy) | #EF0097 | (239,000,151) | |
Łososiowy różowy (pomarańczowy różowy) | #FF91A4 | (255,145,164) | |
Cenise (odcień magenta) | #DE3163 | (153,149,140) | |
Bakłażan Bakłażan (Bakłażan) | #990066 | (153,000,132) | |
Róż lawendowy (różowa lawenda) |  #FFF0F5 | (255,240,245) | |
Liliowy (liliowy) | #C8A2C8 | (200,162,200) | |
Magenta (magenta) | #FF008F | (255,000,143) | |
Orchidea (storczyk) | #DA70D6 | (218,112,214) | |
Czerwono-fioletowy (fioletowo-czerwony) | #C71585 | (199,021,133) | |
sangwinik (sangwinik) | #92000A | (146,000,010) | |
Thistle (odcień magenta) | #D8BFD8 | (185,211,238) | |
Fioletowo-bakłażan (odcień magenta) | #991199 | (153,017,153) | |
Rosa vivo (bogaty róż) | #FF007F | (255,000,127) | |
Lawendowo-różowy (odcień fioletu) | #FBA0E3 | (108,123,139) | |
Mountbatten różowy (Mounbatten różowy) | #997ABD | (153,122,141) |
Stół szary kolory i odcienie
Nazwa | Kolor | klątwa | (RGB) |
Szary (Szary) | #808080 | (128,128,128) | |
Szary (Szary) | #bebebe | (190,190,190) | |
(szary odcień) | #858585 | (133,133,133) | |
Szary33 (Szary-33) | #545454 | (084,084,084) | |
(szary łupek) | #708090 | (112,128,144) | |
(Kwarc) | #99958s | (153,149,140) | |
(Jasny szary) | #bbbbbb | (187,187,187) | |
(Srebro) | #c0c0c0 | (192,192,192) | |
(szaro-biały) | #f0f0f0 | (240,240,240) | |
(Brody Abdel-Kerima) | #e0e0e0 | (224,224,224) | |
Jasnoszary (jasnoszary) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (jasnoniebieski chaber1) | #c6e2ff | (198,226,255) | |
StateGray-2 (jasnoniebieski chaber2) | #b9d3ee | (185,211,238) | |
StanSzary3() | #9fb6cd | (159,182,205) | |
StanSzary4() | #6c7b8b | (108,123,139) |
Moduł kolorów CSS wyszczególnia wartości, które pozwalają autorom określić kolory i krycie elementów html, a także wartości właściwości color.
właściwość koloru
1. Kolory priorytetowe: właściwość koloru
Właściwość ustawia kolor czcionki przy użyciu różnych systemów renderowania. Właściwość opisuje kolor zawartości tekstowej elementu. Służy również do podania potencjalnej wartości pośredniej (currentColor) dla wszelkich innych właściwości, które akceptują wartości kolorów.
Nieruchomość jest dziedziczona.
2. Wartości kolorów
2.1. Główne słowa kluczowe
Lista głównych słów kluczowych zawiera następujące wartości:
Nazwa | KLĄTWA | RGB | Kolor |
---|---|---|---|
czarny | #000000 | 0,0,0 | |
srebro | #C0C0C0 | 192,192,192 | |
szary | #808080 | 128,128,128 | |
biały | #FFFFFF | 255,255,255 | |
kasztanowaty | #800000 | 128,0,0 | |
czerwony | #FF0000 | 255,0,0 | |
fioletowy | #800080 | 128,0,128 | |
fuksja | #FF00FF | 255,0,255 | |
Zielony | #008000 | 0,128,0 | |
Limonka | #00FF00 | 0,255,0 | |
Oliwa | #808000 | 128,128,0 | |
żółty | #FFFF00 | 255,255,0 | |
marynarka wojenna | #000080 | 0,0,128 | |
niebieski | #0000FF | 0,0,255 | |
cyraneczka | #008080 | 0,128,128 | |
wodny | #00FFFF | 0,255,255 |
W nazwach kolorów nie jest rozróżniana wielkość liter.
Składnia
Kolor: turkusowy;
2.2. Numeryczne wartości kolorów
2.2.1. Kolory modelu RGB
Format wartości RGB w postaci szesnastkowej to znak #, po którym bezpośrednio następują trzy lub sześć znaków szesnastkowych. Trzycyfrowa notacja RGB #rgb jest konwertowana na sześciocyfrową postać #rrggbb przez skopiowanie cyfr, a nie przez dodanie zer. Na przykład #fb0 rozwija się do #ffbb00 . Zapewnia to, że biały #ffffff może być określony w skrótowym #ffff i usuwa wszelkie zależności od głębi kolorów wyświetlacza.
Format wartości RGB w notacji funkcjonalnej to rgb (po którym następuje oddzielona przecinkami lista trzech wartości liczbowych (trzy wartości całkowite lub trzy wartości procentowe), po których następuje znak) . Wartość całkowita 255 odpowiada 100% i F lub FF w zapisie szesnastkowym:
rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF
Wokół wartości liczbowych dozwolone są spacje.
W HTML kolor można określić na trzy sposoby:
Ustawianie koloru w HTML według jego nazwy
Niektóre kolory można określić za pomocą ich nazwy, używając jako wartości nazwy koloru w języku angielskim. Najczęstsze słowa kluczowe: czarny (czarny), biały (biały), czerwony (czerwony), zielony (zielony), niebieski (niebieski) itp.:
Kolor tekstu — czerwony
Najpopularniejsze kolory standardu World Wide Web Consortium (W3C) to:
Kolor | Nazwa | Kolor | Nazwa | Kolor | Nazwa | Kolor | Nazwa |
---|---|---|---|---|---|---|---|
Czarny | Szary | Srebro | Biały | ||||
Żółty | Limonka | wodny | Fuksja | ||||
Czerwony | Zielony | Niebieski | Fioletowy | ||||
kasztanowaty | Oliwa | Marynarka wojenna | Cyraneczka |
Przykład użycia różnych nazw kolorów:
Przykład: ustawianie koloru według jego nazwy
- Spróbuj sam "
Nagłówek na czerwonym tle
Nagłówek na pomarańczowym tle
Nagłówek na tle limonki
Biały tekst na niebieskim tle
Nagłówek na czerwonym tle
Nagłówek na pomarańczowym tle
Nagłówek na tle limonki
Biały tekst na niebieskim tle
Określanie koloru za pomocą RGB
Podczas wyświetlania różnych kolorów na monitorze za podstawę przyjmuje się paletę RGB. Dowolny kolor uzyskuje się poprzez zmieszanie trzech głównych: R - czerwony, G - zielony (zielony), B - niebieski (niebieski). Jasność każdego koloru jest podawana przez jeden bajt i dlatego może przyjmować wartości od 0 do 255. Na przykład RGB (255,0,0) jest wyświetlany jako czerwony, ponieważ czerwony jest ustawiony na najwyższą wartość (255) i inne są ustawione na 0 Możesz także ustawić kolor w procentach. Każdy z parametrów wskazuje poziom jasności odpowiedniego koloru. Na przykład: wartości rgb(127, 255, 127) i rgb(50%, 100%, 50%) ustawią ten sam zielony kolor średniego nasycenia:
Przykład: Określanie koloru za pomocą RGB
- Spróbuj sam "
rgb(127, 255, 127)
RGB (50%, 100%, 50%)
rgb(127, 255, 127)
RGB (50%, 100%, 50%)
Ustaw kolor według wartości szesnastkowej
Wartości R G B można również określić za pomocą szesnastkowych (HEX) wartości koloru w postaci: #RRGGBB gdzie RR (czerwony), GG (zielony) i BB (niebieski) to wartości szesnastkowe od 00 do FF (tak samo jak dziesiętne 0- 255) . System szesnastkowy, w przeciwieństwie do systemu dziesiętnego, opiera się, jak sama nazwa wskazuje, na liczbie 16. System szesnastkowy wykorzystuje następujące znaki: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Tutaj liczby od 10 do 15 zastępuje się literami łacińskimi. Liczby większe niż 15 w systemie szesnastkowym są sumą dwóch znaków w jedną wartość. Na przykład najwyższa liczba 255 w systemie dziesiętnym odpowiada największemu FF w systemie szesnastkowym. W przeciwieństwie do systemu dziesiętnego, liczba szesnastkowa jest poprzedzona znakiem krzyżyka. # , na przykład #FF0000 jest wyświetlany jako czerwony, ponieważ czerwony jest ustawiony na najwyższą wartość (FF), a pozostałe kolory na swoją minimalną wartość (00). Znaki po symbolu hash # można pisać zarówno wielkimi, jak i małymi literami. System szesnastkowy pozwala na użycie skróconej formy #rgb, gdzie każdy znak jest równy dwa razy. Dlatego wpis #f7O należy uznać za #ff7700.
Przykład: Kolor HEX
- Spróbuj sam "
czerwony: #FF0000
zielony: #00FF00
niebieski: #0000FF
czerwony: #FF0000
zielony: #00FF00
niebieski: #0000FF
czerwony+zielony=żółty: #FFFF00
czerwony+niebieski=fioletowy: #FF00FF
zielony+niebieski=cyjan: #00FFFF
Lista najczęściej używanych kolorów (nazwa, HEX i RGB):
angielskie imie | Rosyjskie imię | Próbka | KLĄTWA | RGB | ||
---|---|---|---|---|---|---|
amarant | amarant | #E52B50 | 229 | 43 | 80 | |
Bursztyn | Bursztyn | #FFBF00 | 255 | 191 | 0 | |
wodny | niebieski zielony | #00FFFF | 0 | 255 | 255 | |
Lazur | Lazur | #007FFF | 0 | 127 | 255 | |
Czarny | Czarny | #000000 | 0 | 0 | 0 | |
Niebieski | Niebieski | #0000FF | 0 | 0 | 255 | |
Niebieski Bondi | Woda na plaży Bondi | #0095B6 | 0 | 149 | 182 | |
Mosiądz | Mosiądz | #B5A642 | 181 | 166 | 66 | |
brązowy | brązowy | #964B00 | 150 | 75 | 0 | |
Cerulean | Lazur | #007BA7 | 0 | 123 | 167 | |
ciemna wiosenna zieleń | Ciemna wiosenna zieleń | #177245 | 23 | 114 | 69 | |
Szmaragd | Szmaragd | #50C878 | 80 | 200 | 120 | |
Bakłażan | bakłażan | #990066 | 153 | 0 | 102 | |
Fuksja | Fuksja | #FF00FF | 255 | 0 | 255 | |
Złoto | Złoto | #FFD700 | 250 | 215 | 0 | |
Szary | Szary | #808080 | 128 | 128 | 128 | |
Zielony | Zielony | #00FF00 | 0 | 255 | 0 | |
Indygo | Indygo | #4B0082 | 75 | 0 | 130 | |
Jadeit | Jadeit | #00A86B | 0 | 168 | 107 | |
Limonka | Limonka | #CCFF00 | 204 | 255 | 0 | |
Malachit | Malachit | #0BDA51 | 11 | 218 | 81 | |
Marynarka wojenna | Ciemny niebieski | #000080 | 0 | 0 | 128 | |
Ochra | Ochra | #CC7722 | 204 | 119 | 34 | |
Oliwa | Oliwa | #808000 | 128 | 128 | 0 | |
Pomarańczowy | Pomarańczowy | #FFA500 | 255 | 165 | 0 | |
brzoskwinia | Brzoskwinia | #FFE5B4 | 255 | 229 | 180 | |
Dynia | Dynia | #FF7518 | 255 | 117 | 24 | |
Fioletowy | Fioletowy | #800080 | 128 | 0 | 128 | |
Czerwony | Czerwony | #FF0000 | 255 | 0 | 0 | |
Szafran | Szafran | #F4C430 | 244 | 196 | 48 | |
morska zieleń | zielone morze | #2E8B57 | 46 | 139 | 87 | |
Bagno zielone | Bołotny | #ACB78E | 172 | 183 | 142 | |
Cyraneczka | niebieski zielony | #008080 | 0 | 128 | 128 | |
Ultramaryna | ultramaryna | #120A8F | 18 | 10 | 143 | |
fioletowy | Fioletowy | #8B00FF | 139 | 0 | 255 | |
Żółty | Żółty | #FFFF00 | 255 | 255 | 0 |
Kody kolorów (tła) według nasycenia i odcienia.
Ta strona zawiera tabelę ze słowami kluczowymi, które można wykorzystać do oznaczenia kolorów w takich językach programowania WWW jak: HTML, CSS, JavaScript, Flash itp.
W starej specyfikacji WC3 do ustawiania kolorów w HTML i CSS używano tylko 16 słów kluczowych. W późniejszych, bardziej nowoczesnych specyfikacjach dodano kolejne 130 słów kluczowych oznaczających nazwy kolorów. Poniższa tabela zawiera nazwy kolorów, kody szesnastkowe i RGB, którym odpowiadają.
Zgodnie z regułami CSS w nazwach kolorów nie jest rozróżniana wielkość liter. Wpisy kolorów IndianRed i indianred są równoważne.
Warto również zauważyć, że na 146 słów kluczowych w tabeli jest w niej mniej kolorów. Dzieje się tak, ponieważ niektóre słowa kluczowe odnoszą się do tego samego koloru. Tak więc nazwy Gray i Grey oznaczają 50 procent szarości z kodem #808080 , podczas gdy słowo Magenta jest synonimem HTML koloru Fuchsia, co odpowiada kodowi szesnastkowemu #FF00FF . Słowa Aqua i Cyan są również synonimami, odpowiadają kodowi #00FFFF .
|
|