Liczby szesnastkowe służą do określania kolorów. System szesnastkowy, w przeciwieństwie do systemu dziesiętnego, opiera się, jak sama nazwa wskazuje, na liczbie 16. Liczby będą następujące: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Liczby od 10 do 15 zastępuje się literami łacińskimi. Liczby większe niż 15 w systemie szesnastkowym są tworzone przez połączenie dwóch liczb w jedną. Na przykład liczba 255 w systemie dziesiętnym odpowiada liczbie FF w systemie szesnastkowym. Aby uniknąć nieporozumień w definicji systemu liczbowego, liczba szesnastkowa jest poprzedzona symbolem krzyżyka #, na przykład #666999. Każdy z trzech kolorów – czerwony, zielony i niebieski – może przyjmować wartości od 00 do FF. Tym samym oznaczenie koloru dzieli się na trzy składowe #rrggbb, gdzie pierwsze dwa znaki oznaczają składową czerwoną koloru, dwa środkowe oznaczają zielony, a dwa ostatnie niebieski. Dopuszcza się stosowanie formy skróconej #rgb, gdzie każdy znak należy zdublować. Zatem wpis #fe0 należy traktować jako #ffee00.
wg nazwy
| Internet Explorera | Chrom | Opera | safari | Firefoxa | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Przeglądarki obsługują nazwy niektórych kolorów. w tabeli. 1 pokazuje nazwy, kod szesnastkowy, wartości w formacie RGB, HSL oraz opis.
| Nazwa | Kolor | Kod | RGB | HSL | Opis |
|---|---|---|---|---|---|
| biały | #ffff lub #fff | rgb(255255255) | hsl(0,0%,100%) | Biały | |
| Srebro | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Szary | |
| szary | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Ciemno szary | |
| czarny | #000000 lub #000 | RGB(0,0,0) | hsl(0,0%,0%) | Czarny | |
| kasztanowaty | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Ciemno czerwony | |
| czerwony | #ff0000 lub #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Czerwony | |
| Pomarańczowy | #ffa500 | rgb(255,165,0) | hsl(38,8,100%,50%) | Pomarańczowy | |
| żółty | #ffff00 lub #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Żółty | |
| Oliwa | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Oliwa | |
| Limonka | #00ff00 lub #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | jasnozielony | |
| zielony | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Zielony | |
| wodny | #00ffff lub #0ffff | rgb(0,255,255) | hsl(180,100%,50%) | Niebieski | |
| niebieski | #0000ff lub #00f | rgb(0,0,255) | hsl(240,100%,50%) | Niebieski | |
| marynarka wojenna | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Ciemny niebieski | |
| cyraneczka | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | niebieski zielony | |
| fuksja | #ff00ff lub #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Różowy | |
| fioletowy | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Fioletowy |
Z RGB
| Internet Explorera | Chrom | Opera | safari | Firefoxa | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Możesz zdefiniować kolor za pomocą wartości czerwonego, zielonego i niebieskiego w postaci dziesiętnej. Każda z trzech składowych koloru przyjmuje wartość od 0 do 255. Dopuszczalne jest również ustawienie koloru w procentach, przy czym 100% będzie odpowiadać liczbie 255. Najpierw określane jest słowo kluczowe rgb, a następnie składowe koloru podane w nawiasach, oddzielone przecinkami, na przykład rgb(255 , 128, 128) lub rgb(100%, 50%, 50%).
RGBA
| Internet Explorera | Chrom | Opera | safari | Firefoxa | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Format RGBA jest podobny w składni do formatu RGB, ale zawiera kanał alfa, który ustawia przezroczystość elementu. Wartość 0 jest w pełni przezroczysta, 1 jest nieprzezroczysta, a wartość pośrednia, taka jak 0,5, jest przezroczysta.
RGBA jest dodawane do CSS3, więc walidacja kodu CSS powinna być przeprowadzona zgodnie z tą wersją. Należy zauważyć, że standard CSS3 jest wciąż w fazie rozwoju i niektóre jego funkcje mogą ulec zmianie. Na przykład kolor RGB dodany do właściwości background-color przechodzi weryfikację, ale kolor dodany do właściwości background nie. Jednocześnie przeglądarki całkiem poprawnie rozumieją kolor dla obu właściwości.
HSL
| Internet Explorera | Chrom | Opera | safari | Firefoxa | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Nazwa formatu HSL jest utworzona z kombinacji pierwszych liter Hue (odcień), Nasycenie (nasycenie) i Lightness (jasność). Odcień jest wartością koloru na kole kolorów (ryc. 1) i jest podawany w stopniach. 0° to kolor czerwony, 120° to kolor zielony, a 240° to kolor niebieski. Wartość odcienia może wynosić od 0 do 359.
Ryż. 1. Koło kolorów
Nasycenie to intensywność koloru mierzona w procentach od 0% do 100%. Wartość 0% oznacza brak koloru i odcień szarości, 100% to maksymalna wartość nasycenia.
Jasność określa jasność koloru i jest określana w procentach od 0% do 100%. Małe wartości powodują, że kolor jest ciemniejszy, natomiast wysokie wartości sprawiają, że jest on jaśniejszy, skrajne wartości 0% i 100% odpowiadają czerni i bieli.
HSLA
| Internet Explorera | Chrom | Opera | safari | Firefoxa | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Format HSLA jest podobny w składni do HSL, ale zawiera kanał alfa, który ustawia przezroczystość elementu. Wartość 0 jest w pełni przezroczysta, 1 jest nieprzezroczysta, a wartość pośrednia, taka jak 0,5, jest przezroczysta.
Wartości kolorów w formatach RGBA, HSL i HSLA są dodawane do CSS3, więc korzystając z tych formatów, sprawdź poprawność kodu względem wersji.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Ostrzeżenie
Wszystkie metody łapania lwa wymienione na stronie są teoretyczne i oparte na metodach obliczeniowych. Autorzy nie gwarantują bezpieczeństwa podczas korzystania z nich i zrzekają się wszelkiej odpowiedzialności za wynik. Pamiętaj, lew to drapieżnik i niebezpieczne zwierzę!
Wynik tego przykładu pokazano na ryc. 2.
Ryż. 2. Kolory na stronie internetowej
Kolory HTML są wskazywane przez sześć znaków 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 kropek zwanych pikselami. Każdy piksel to małe źródło światła, nazwijmy to „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ą oznaczane za pomocą notacji szesnastkowej (HEX) dla kombinacji czerwonego, niebieskiego i zielonego (RGB).
Najmniejsza wartość koloru to 0 (szesnastkowo 00). Najwyższa wartość koloru to 255 (szesnastkowy 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(255255255) |
16 milionów odcieni
Połączenie czerwieni, błękitu i zieleni z wartościami 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ą generalnie w stanie wyświetlić 262,16 milionów (zaktualizowane w październiku 2013 r.) kolorów, podczas gdy monitory CRT mogą wyświetlać niemal nieograniczoną liczbę kolorów).
Poniższa tabela kolorów pokazuje zmianę proporcji czerwieni 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(112112112) | |
| #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(200200200) | |
| #D0D0D0 | RGB(208208208) | |
| #D8D8D8 | rgb(216216216) | |
| #E0E0E0 | RGB(224224224) | |
| #E8E8E8 | RGB(232232232) | |
| #F0F0F0 | rgb(240,240,240) | |
| #F8F8F8 | RGB(248248248) | |
| #FFFFFF | rgb(255255255) |
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), turkusowy (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 sieciowych”, 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 | 3300 CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399 CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33 CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600 CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699 CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900 CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999 CC | 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 |
Ta strona zawiera tabelę ze słowami kluczowymi, które mogą służyć do oznaczania kolorów w takich językach programowania stron internetowych, 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 ze 146 słów kluczowych w tabeli jest w niej faktycznie mniej kolorów. To dlatego, że niektórzy słowa kluczowe reprezentują ten sam kolor. Tak więc nazwy Grey i Grey oznaczają 50 procent szarości z kodem #808080 , podczas gdy słowo Magenta jest synonimem HTML koloru Fuksja, odpowiadającym kodowi szesnastkowemu #FF00FF . Słowa Aqua i Cyan są również synonimami, odpowiadają kodowi #00FFFF .
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Istnieje kilka sposobów przedstawiania koloru w projektowaniu stron internetowych.
HEX to szesnastkowy system reprezentacji kolorów 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 w celu uzupełnienia liczby cyfrowej do 16. W przypadku projektowania stron internetowych 16 podstawowych (kluczowych) kolorów , tak zwany szesnastkowy kod koloru #RRGGBB, gdzie każda para odpowiada za swój udział w kolorze: RR - czerwony, GG - zielony i BB - niebieski. Każda frakcja koloru mieści się w zakresie od 00 do FF.
Dwie inne reprezentacje kolorów w projektowaniu stron internetowych to: RGB(*,*,*), gdzie każda część „*” koloru jest reprezentowana przez cyfry dziesiętne od 0 do 255 oraz nazwy kolorów na język angielski.
Podczas tworzenia obrazu kolorowego 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, oznacza to, że dopasowuje lub miesza wiele kolorów. A czasem można go zastąpić zupełnie innym kolorem.
Tabela 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) | |
| Oliwka (oliwka) | #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) |
Tabela fioletowy kolory i odcienie
| Nazwa | Kolor | klątwa | (RGB) |
| Magenta (purpurowy) | #FFCBDB | (255,203,219) | |
| Magenta (purpurowy) | #FF0099 | (255,000,153) | |
| Magenta (purpurowy) | #F95A61 | (249,090,097) | |
| Fuksja (fuksja) | #FF00FF | (255,000,255) | |
| Mauveine (fiolet anilinowy) | #EF0097 | (239,000,151) | |
| Łososiowy (pomarańczowo-różowy) | #FF91A4 | (255,145,164) | |
| Cenise (odcień magenty) | #DE3163 | (153,149,140) | |
| Bakłażan (Bakłażan) | #990066 | (153,000,132) | |
| Rumieniec lawendowy (różowawa lawenda) | #FFF0F5 | (255,240,245) | |
| Liliowy (liliowy) | #C8A2C8 | (200,162,200) | |
| Magenta (purpurowy) | #FF008F | (255,000,143) | |
| orchidea (orchidea) | #DA70D6 | (218,112,214) | |
| Czerwono-fioletowy (fioletowo-czerwony) | #C71585 | (199,021,133) | |
| sangwinik (sangwinik) | #92000A | (146,000,010) | |
| Thistle (odcień magenty) | #D8BFD8 | (185,211,238) | |
| Fioletowo-bakłażanowy (odcień magenty) | #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) |
Tabela 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) | #99958с | (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 (blady chabrowy błękit1) | #c6e2ff | (198,226,255) | |
| StateGray-2 (blady chabrowy niebieski2) | #b9d3ee | (185,211,238) | |
| StateGray3() | #9fb6cd | (159,182,205) | |
| StateGray4() | #6c7b8b | (108,123,139) |
Tabela (paleta) kolorów html daje możliwość samodzielnego wyboru tonu, którego potrzebujesz. Wartość koloru jest wyświetlana w trzech formatach: Hex, RGB i HSV.
- Hex składa się z trzech dwuznakowych wartości w notacji szesnastkowej. Na przykład: #ff00b3, gdzie pierwsza para cyfr jest czerwona, druga zielona, a trzecia niebieska.
- RGB (RedGreenBlue) ma postać „200,100,255” wskazującą ilość odpowiedniego tonu (czerwonego, zielonego, niebieskiego) w wynikowym kolorze.
- HSV (Hue, Saturation, Value - ton, nasycenie, wartość) - model kolorów, w którym współrzędne to:
- Odcień - odcień koloru, może zmieniać się od 0° do 360°.
- Nasycenie - nasycenie, waha się między 0-100 lub 0-1. Im większe to ustawienie, tym „czystszy” jest kolor, dlatego to ustawienie jest czasami określane jako czystość koloru. A im ten parametr jest bliższy zeru, tym kolor jest bliższy neutralnej szarości.
- Wartość (wartość koloru) - ustawia jasność, wartość może również zmieniać się w zakresie 0-100 lub 0-1.
Wpisz kod koloru: IŚĆ
Lista kolorów z nazwami
W tabeli wymieniono angielskie nazwy kolorów (które mogą być używane jako wartości) obsługiwane przez wszystkie przeglądarki oraz ich wartości szesnastkowe. Wszystkie wymienione kolory są „bezpieczne”, co oznacza, że będą wyświetlane tak samo we wszystkich przeglądarkach.
| Nazwa koloru | KLĄTWA | Kolor |
|---|---|---|
| Czarny | #000000 | |
| Marynarka wojenna | #000080 | |
| ciemny niebieski | #00008B | |
| Średni niebieski | #0000CD | |
| Niebieski | #0000FF | |
| ciemnozielony | #006400 | |
| Zielony | #008000 | |
| Cyraneczka | #008080 | |
| CiemnyCyjan | #008B8B | |
| DeepSkyBlue | #00BFFFF | |
| Ciemny turkus | #00CED1 | |
| średniwiosenny zielony | #00FA9A | |
| Limonka | #00FF00 | |
| Wiosenna zieleń | #00FF7F | |
| wodny | #00FFFF | |
| cyjan | #00FFFF | |
| niebieska północ | #191970 | |
| Dodger niebieski | #1E90FF | |
| LightSeaGreen | #20B2AA | |
| zielony las | #228B22 | |
| morska zieleń | #2E8B57 | |
| CiemnyŁupkowySzary | #2F4F4F | |
| Limonkowy | #32CD32 | |
| średnimorski zielony | #3CB371 | |
| Turkus | #40E0D0 | |
| Królewski niebieski | #4169E1 | |
| stalowo - niebieski | #4682B4 | |
| CiemnyŁupkowyNiebieski | #483D8B | |
| średni turkus | #48D1CC | |
| Indygo | #4B0082 | |
| CiemnyOliwkowyZielony | #556B2F | |
| Niebieski kadet | #5F9EA0 | |
| Chabrowy | #6495ED | |
| Średnia AquaMarine | #66CDAA | |
| Przyćmiony Szary | #696969 | |
| Odcień niebieskiego | #6A5ACD | |
| Oliwkowo-Drab | #6B8E23 | |
| Popielaty | #708090 | |
| JasnyŁupkowySzary | #778899 | |
| ŚredniŁupkowyNiebieski | #7B68EE | |
| TrawnikZielony | #7CFC00 | |
| chartreuse | #7FFF00 | |
| akwamaryn | #7FFFD4 | |
| kasztanowaty | #800000 | |
| Fioletowy | #800080 | |
| Oliwa | #808000 | |
| Szary | #808080 | |
| niebieskie niebo | #87CEEB | |
| JasnoNiebieski | #87CEFA | |
| niebieski fiolet | #8A2BE2 | |
| ciemno czerwony | #8B0000 | |
| ciemnopurpurowy | #8B008B | |
| siodło brązowe | #8B4513 | |
| DarkSeaGreen | #8FBC8F | |
| Jasnozielony | #90EE90 | |
| Średni Fioletowy | #9370D8 | |
| ciemny fiolet | #9400D3 | |
| bladozielony | #98FB98 | |
| Ciemna Orchidea | #9932CC | |
| żółty zielony | #9ACD32 | |
| Sjena | #A0522D | |
| brązowy | #A52A2A | |
| ciemny szary | #A9A9A9 | |
| jasny niebieski | #ADD8E6 | |
| Zielony żółty | #ADFF2F | |
| bladoturkusowy | #AFEEEE | |
| Jasnostalowoniebieski | #B0C4DE | |
| pudrowy niebieski | #B0E0E6 | |
| Ognista Cegła | #B22222 | |
| CiemnyZłotyRod | #B8860B | |
| Średnia orchidea | #BA55D3 | |
| Różowo-brązowy | #BC8F8F | |
| CiemnyKhaki | #BDB76B | |
| Srebro | #C0C0C0 | |
| ŚredniFioletowyCzerwony | #C71585 | |
| IndianRed | #CD5C5C | |
| Peru | #CD853F | |
| Czekolada | #D2691E | |
| Dębnik | #D2B48C | |
| jasny szary | #D3D3D3 | |
| BladyFioletowyCzerwony | # D87093 | |
| Oset | #D8BFD8 | |
| Orchidea | #DA70D6 | |
| złoty pręt | #DAA520 | |
| Karmazynowy | #DC143C | |
| Gainsboro | #DCDCDC | |
| Śliwka | #DDA0DD | |
| Burlywood | #DEB887 | |
| Jasnobłękitny | #E0FFFF | |
| Lawenda | #E6E6FA | |
| ciemny łosoś | #E9967A | |
| fioletowy | #EE82EE | |
| BladyZłoty Pręt | #EEE8AA | |
| Jasnokoralowy | #F08080 | |
| Khaki | #F0E68C | |
| Alicja Błękitna | #F0F8FF | |
| spadziowy | #F0FFF0 | |
| Lazur | #F0FFFF | |
| Piaskowy brąz | #F4A460 | |
| Pszenica | #F5DEB3 | |
| Beżowy | #F5F5DC | |
| biały dym | #F5F5F5 | |
| MiętowyKrem | #F5FFFA | |
| biały duch | #F8F8FF | |
| Łosoś | #FA8072 | |
| antyczna biel | #FAEBD7 | |
| bielizna | #FAF0E6 | |
| JasnyZłotyRodŻółty | #FAFAD2 | |
| stara koronka | #FDF5E6 | |
| Czerwony | #FF0000 | |
| Fuksja | #FF00FF | |
| Magenta | #FF00FF | |
| głęboki róż | #FF1493 | |
| Pomarańczowy czerwony | #FF4500 | |
| Pomidor | #FF6347 | |
| gorący róż | #FF69B4 | |
| Koral | #FF7F50 | |
| ciemna pomarańcza | #FF8C00 | |
| Lekki Łosoś | #FFA07A | |
| Pomarańczowy | #FFA500 | |
| jasnoróżowy | #FFB6C1 | |
| Różowy | #FFC0CB | |
| Złoto | #FFD700 | |
| BrzoskwiniowyPuff | #FFDAB9 | |
| Biały Navajo | #FFDEAD | |
| Mokasyn | #FFE4B5 | |
| For | #FFE4C4 | |
| Mglista Róża | #FFE4E1 | |
| Blanszowany Migdał | #FFEBCD | |
| Bicz z papai | #FFEFD5 | |
| Lawendowy Rumieniec | #FFF0F5 | |
| muszla | #FFF5EE | |
| kukurydza | #FFF8DC | |
| CytrynaSzyfon | #FFFACD | |
| KwiatowyBiały | #FFFAF0 | |
| Śnieg | #FFFAFA | |
| Żółty | #FFFF00 | |
| Jasny zółty | #FFFF0 | |
| kość słoniowa | #FFFF0 | |
| Biały | #FFFFFF |