Kolory HTML są oznaczone sześcioma znakami po znaku ukośnika - na przykład # 000000. Te sześć znaków wskazuje udziały różnych kolorów (czerwony, zielony i niebieski (czerwony, zielony, niebieski)) w ostatecznym kolorze. Na monitorze komputera obraz jest tworzony z ogromnej liczby punktów zwanych pikselami. Każdy piksel jest małym źródłem ś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 latarek, otrzymujemy pożądany kolor.
Kody kolorów HTML
Kolory w HTML są oznaczone szesnastkowym (HEX) oznaczeniem kombinacji czerwonego, niebieskiego i zielonego (RGB).
Najmniejsza wartość koloru to 0 (szesnastkowo 00). Najwyższą wartością koloru jest 255 (szesnastkowy FF).
Szesnastkowa wartość koloru to trzy cyfry rozpoczynające się od znaku #.
Kody (wartości) kolorów
| Kolor | Kod HEX | 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 kolorów czerwonego, niebieskiego i zielonego z wartościami z udziałem każdego koloru od 0 do 255 daje w sumie ponad 16 milionów odcieni (256 x 256 x 256).
Większość nowoczesnych monitorów może wyświetlać co najmniej 16384 różnych odcieni (monitory LCD są w stanie wyświetlać głównie 262 tysiące 16 milionów (zaktualizowano w październiku 2013 r.) kolory, a monitory CRT mogą wyświetlać prawie nieograniczoną liczbę kolorów).
Poniższa tabela kolorów pokazuje zmianę proporcji czerwieni od 0 do 255 przy zerowych wartościach niebieskiego i zielonego:
| Czerwony | Kod HEX | 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) |
Skala szarości
Aby uzyskać odcienie szarości, stosuje się równe proporcje wszystkich kolorów. Aby ułatwić wybór pożądanego koloru, podajemy kody dla odcieni szarości
| Skala szarości | Kod HEX | 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.22) | |
| #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.223.232) | |
| # F0F0F0 | rgb (240,240,240) | |
| # F8F8F8 | rgb (248,248,248) | |
| #FFFFFF | rgb (255,255,255) |
W różnych przeglądarkach (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
Konsorcjum W3C wymienia 16 prawidłowych nazw kolorów HTML i CSS: aqua (akwamaryn), czarny (czarny), niebieski (niebieski), fuksja (fuchsin), szary (szary), zielony (zielony), limonkowy (limonkowy lub limonkowy), 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 jest 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, zaoferowano listę 216 „bezpiecznych kolorów internetowych” z 40 kolorami zarezerwowanymi dla systemu.
Ta paleta 216 kolorów została stworzona w celu poprawnego wyświetlania kolorów w trybie palety 256 kolorów.
To nie jest ważne, ponieważ większość komputerów na całym świecie obsługuje miliony kolorów. Tak czy inaczej, 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 | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 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 |
| Ppm00 | Priv33 | Priv66 | Kp99 | Do | Driff |
| 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órych można użyć do oznaczenia kolorów w językach programistów WWW, takich jak HTML, CSS, JavaScript, Flash i inne.
W starych specyfikacjach WC3 wypisano tylko 16 słów kluczowych, za pomocą których ustawiono kolory w HTML i CSS. Ponadto, bardziej nowoczesne specyfikacje, dodano 130 więcej słów kluczowych w celu wskazania nazw kolorów. Poniższa tabela zawiera nazwy kolorów, kody szesnastkowe i kody 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 rzeczywistości mniej kolorów. Jest tak, ponieważ niektóre słowa kluczowe wskazują ten sam kolor. Nazwy Grey i Gray oznaczają 50-procentowy szary kolor z kodem # 808080, a słowo Magenta jest synonimem koloru Fuchsia HTML odpowiadającego kodowi szesnastkowemu # FF00FF. Również synonimami są słowa Aqua i Cyan, odpowiadają one kodowi # 00FFFF.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
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ąć pomyłek w definicji systemu liczbowego, liczbę szesnastkową poprzedza znak funta #, na przykład # 666999. Każdy z trzech kolorów - czerwony, zielony i niebieski - może mieć zakres od 00 do FF. Tak więc oznaczenie koloru jest podzielone na trzy składniki #rrggbb, gdzie pierwsze dwa znaki wskazują czerwony składnik koloru, dwa środkowe oznaczają zielony, a dwa ostatnie niebieski. Dozwolone jest stosowanie skróconej formy #rgb, w której każdy znak należy podwoić. Tak więc wpis # fe0 należy traktować jako # ffee00.
Po imieniu
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Przeglądarki obsługują niektóre kolory według ich nazw. W tabeli. Tabela 1 pokazuje nazwy, kod szesnastkowy, wartości RGB, HSL i opis.
| Imię | Kolor | Kod | RGB | Hsl | Opis |
|---|---|---|---|---|---|
| biały | #ffffff lub #fff | rgb (255,255,255) | hsl (0,0%, 100%) | Biały | |
| srebrny | # c0c0c0 | rgb (192,192,192) | hsl (0,0%, 75%) | Szary | |
| szary | #808080 | rgb (128, 128, 128) | hsl (0,0%, 50%) | Ciemnoszary | |
| czarny | # 000000 lub # 000 | rgb (0,0,0) | hsl (0,0%, 0%) | Czarny | |
| bordowy | #800000 | rgb (128.0.0) | hsl (0,100%, 25%) | Ciemnoczerwony | |
| 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 | |
| oliwka | #808000 | rgb (128,128,0) | hsl (60,100%, 25%) | Oliwka | |
| limonka | # 00ff00 lub # 0f0 | rgb (0.255.0) | hsl (120,100%, 50%) | Jasnozielony | |
| zielony | #008000 | rgb (0.128.0) | hsl (120,100%, 25%) | Zielony | |
| aqua | # 00ffff lub # 0ff | rgb (0.255.255) | hsl (180,100%, 50%) | Niebieski | |
| niebieski | # 0000ff lub # 00f | rgb (0,0,255) | hsl (240,100%, 50%) | Niebieski | |
| granatowy | #000080 | rgb (0,0,128) | hsl (240,100%, 25%) | Granatowy | |
| turkusowy | #008080 | rgb (0,128,128) | hsl (180,100%, 25%) | Niebiesko 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 |
Korzystanie z RGB
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Kolor można określić za pomocą wartości składników czerwonego, zielonego i niebieskiego w ułamku dziesiętnym. Każdy z trzech składników koloru przyjmuje wartość od 0 do 255. Dopuszczalne jest również ustawienie koloru jako wartości procentowej, przy czym 100% odpowiada liczbie 255. Najpierw wskazane jest słowo kluczowe rgb, a następnie w nawiasach podano składniki koloru, na przykład rgb (255 , 128, 128) lub rgb (100%, 50%, 50%).
RGBA
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Format RGBA jest podobny w składni do RGB, ale zawiera kanał alfa, który ustawia przezroczystość elementu. Wartość 0 odpowiada pełnej przezroczystości, 1 oznacza krycie, a wartość pośrednia, np. 0,5, przezierności.
RGBA zostało dodane do CSS3, więc walidacja kodu CSS musi być wykonana w tej wersji. 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 kolor tła jest sprawdzany, a tło dodane do właściwości tło nie jest już ważne. Jednocześnie przeglądarki poprawnie rozumieją kolor obu właściwości.
Hsl
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Nazwa formatu HSL pochodzi od kombinacji pierwszych liter Barwa (odcień), Nasycenie (nasycenie) i Lekkość (jasność). Barwa jest wartością koloru na kole kolorów (ryc. 1) i jest ustawiana w stopniach. 0 ° odpowiada kolorowi czerwonemu, 120 ° zielonemu, a 240 ° niebieskiemu. Wartość odcienia może wynosić od 0 do 359.
Ryc. 1. Koło kolorów
Nasycenie nazywa się intensywnością koloru, mierzoną jako procent od 0% do 100%. Wartość 0% oznacza brak koloru i odcienia szarości, 100% maksymalnej wartości nasycenia.
Jasność określa jasność koloru i jest wskazywana jako procent od 0% do 100%. Małe wartości powodują, że kolor jest ciemniejszy, a wysokie wartości jaśniejsze, wartości ekstremalne 0% i 100% odpowiadają czerni i bieli.
HSLA
| Internet Explorer | Chrome | Opera | Safari | Firefox | 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 odpowiada pełnej przezroczystości, 1 oznacza krycie, a wartość pośrednia, np. 0,5, przezierności.
Wartości kolorów w formatach RGBA, HSL i HSLA są dodawane w CSS3, dlatego podczas korzystania z tych formatów sprawdź poprawność kodu w zależności od wersji.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Ostrzeżenie
Wszystkie metody połowu lwów wymienione na stronie są teoretyczne i opierają się na metodach obliczeniowych. Autorzy nie gwarantują bezpieczeństwa użytkowania i zrzekają się wszelkiej odpowiedzialności za wynik. Pamiętaj, że lew jest drapieżnikiem i niebezpiecznym zwierzęciem!
Wynik tego przykładu pokazano na ryc. 2)
Ryc. 2. Kolory na stronie internetowej
W HTML istnieją trzy sposoby definiowania koloru:
Ustawienie koloru w HTML według jego nazwy
Niektóre kolory można określić według ich nazwy, używając nazwy koloru w języku angielskim jako wartości. Najczęstsze słowa kluczowe: czarny (czarny), biały (biały), czerwony (czerwony), zielony (zielony), niebieski (niebieski) itp .:
Kolor tekstu to czerwony
Najpopularniejsze kolory standardu konsorcjum World Wide Web (W3C):
| Kolor | Tytuł | Kolor | Tytuł | Kolor | Tytuł | Kolor | Tytuł |
|---|---|---|---|---|---|---|---|
| Czarny | Szary | Srebrny | Biały | ||||
| Żółty | Wapno | Aqua | Fuksja | ||||
| Czerwony | Zielony | Niebieski | Fioletowy | ||||
| Bordowy | Oliwka | Marynarka wojenna | Turkusowy |
Przykład użycia różnych nazw kolorów:
Przykład: określenie koloru według jego nazwy
- Wypróbuj sam ”
Nagłówek na czerwonym tle.
Nagłówek na pomarańczowym tle.
Nagłówek na tle wapna.
Biały tekst na niebieskim tle.
Nagłówek na czerwonym tle.
Nagłówek na pomarańczowym tle.
Nagłówek na tle wapna.
Biały tekst na niebieskim tle.
Ustawianie koloru za pomocą RGB
Podczas wyświetlania różnych kolorów na monitorze jako podstawę przyjmuje się paletę RGB. Dowolny kolor uzyskuje się przez zmieszanie trzech głównych: R - czerwony, G - zielony, B - niebieski. Jasność każdego koloru jest określona przez jeden bajt, a zatem 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), a pozostałe są ustawione na 0 Możesz także ustawić kolor jako procent. 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 na średnie nasycenie:
Przykład: Ustawianie koloru za pomocą RGB
- Wypró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ć przy użyciu wartości kolorów szesnastkowych (HEX) w postaci: #RRGGBB, gdzie RR (czerwony), GG (zielony) i BB (niebieski) to wartości szesnastkowe od 00 do FF (takie same 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 używa następujących znaków: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Tutaj liczby od 10 do 15 są zastąpione literami łacińskimi. Liczby większe niż 15 w systemie szesnastkowym są kombinacją dwóch znaków w jednej wartości. Na przykład największa liczba 255 w systemie dziesiętnym odpowiada najwyższej wartości FF w systemie szesnastkowym. W przeciwieństwie do systemu dziesiętnego liczba szesnastkowa jest poprzedzona znakiem funta # na przykład # FF0000 jest wyświetlany jako czerwony, ponieważ czerwony jest ustawiony na najwyższą wartość (FF), a pozostałe kolory są ustawione na wartość minimalną (00). Znaki po symbolu funta # Możesz wpisać zarówno wielkie, jak i małe litery. System szesnastkowy pozwala na użycie skróconej formy #rgb, gdzie każdy znak jest równoważny podwójnej. Zatem wpis # f7O należy traktować jako # ff7700.
Przykład: kolor HEX
- Wypróbuj sam ”
czerwony: # FF0000
zielony: # 00FF00
niebieski: # 0000FF
czerwony: # FF0000
zielony: # 00FF00
niebieski: # 0000FF
czerwony + zielony \u003d żółty: # FFFF00
czerwony + niebieski \u003d fioletowy: # FF00FF
zielony + niebieski \u003d cyjan: # 00FFFF
Lista popularnych kolorów (nazwa, HEX i RGB):
| Angielska nazwa | Rosyjskie imię | Próbka | Hex | RGB | ||
|---|---|---|---|---|---|---|
| Amarant | Amarant | # E52B50 | 229 | 43 | 80 | |
| Bursztyn | Bursztyn | # FFBF00 | 255 | 191 | 0 | |
| Aqua | Niebiesko zielony | # 00FFFF | 0 | 255 | 255 | |
| Azure | Azure | # 007FFF | 0 | 127 | 255 | |
| Czarny | Czarny | #000000 | 0 | 0 | 0 | |
| Niebieski | Niebieski | # 0000FF | 0 | 0 | 255 | |
| Niebieski Bondi | Bondi Beach Water | # 0095B6 | 0 | 149 | 182 | |
| Mosiądz | Mosiądz | # B5A642 | 181 | 166 | 66 | |
| Brązowy | Brązowy | # 964B00 | 150 | 75 | 0 | |
| Cerulean | Azure | # 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łoty | # 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 | |
| Wapno | Wapno | # CCFF00 | 204 | 255 | 0 | |
| Malachit | Malachit | # 0BDA51 | 11 | 218 | 81 | |
| Marynarka wojenna | Granatowy | #000080 | 0 | 0 | 128 | |
| Ochre | Ochre | # CC7722 | 204 | 119 | 34 | |
| Oliwka | Oliwka | #808000 | 128 | 128 | 0 | |
| Pomarańczowy | Pomarańczowy | # FFA500 | 255 | 165 | 0 | |
| Brzoskwinia | Brzoskwiniowy | # 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ń | Morze zielone | # 2E8B57 | 46 | 139 | 87 | |
| Bagno zielone | Marsh | # ACB78E | 172 | 183 | 142 | |
| Turkusowy | Niebiesko 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ło) nasycenia i odcienia.
Tabela HTML (paleta) daje Ci możliwość wyboru odpowiedniego tonu. Wartość koloru jest wyświetlana w trzech formatach: Hex, RGB i HSV.
- Heks składa się z trzech dwóch wartości znakowych w systemie liczb szesnastkowych. Na przykład: # ff00b3, gdzie pierwsza para liczb jest czerwona, druga jest zielona, \u200b\u200ba trzecia jest niebieska.
- RGB (RedGreenBlue) ma postać „200,100,255”, wskazując ilość odpowiedniego tonu (czerwony, zielony, niebieski) w uzyskanym kolorze.
- HSV (Barwa, Nasycenie, Wartość - ton, nasycenie, wartość) - model kolorów, w którym współrzędne to:
- Barwa - odcień koloru, może zmieniać się od 0 ° do 360 °.
- Nasycenie - nasycenie, w zakresie od 0-100 lub 0-1. Im większy ten parametr, tym „czystszy” kolor, więc ten parametr jest czasami nazywany czystością koloru. Im bliżej tego parametru jest zero, tym bardziej neutralny jest szary kolor.
- Wartość (wartość koloru) - ustawia jasność, wartość może również różnić się od 0-100 lub 0-1.
Wpisz kod koloru: GO
Lista kolorów z nazwami
W tabeli wymieniono angielskie nazwy kolorów (które można wykorzystać jako wartości), które są obsługiwane przez wszystkie przeglądarki oraz ich wartości szesnastkowe. Wszystkie wymienione kolory są „bezpieczne”, to znaczy będą wyświetlane tak samo we wszystkich przeglądarkach.
| Nazwa koloru | Hex | Kolor |
|---|---|---|
| Czarny | #000000 | |
| Marynarka wojenna | #000080 | |
| Darkblue | # 00008B | |
| MediumBlue | # 0000CD | |
| Niebieski | # 0000FF | |
| Ciemnozielony | #006400 | |
| Zielony | #008000 | |
| Turkusowy | #008080 | |
| Darkcyan | # 008B8B | |
| Deepskyblue | # 00BFFF | |
| Darkturquoise | # 00CED1 | |
| MediumSpringGreen | # 00FA9A | |
| Wapno | # 00FF00 | |
| Springgreen | # 00FF7F | |
| Aqua | # 00FFFF | |
| Cyjan | # 00FFFF | |
| Ciemnoniebieski | #191970 | |
| Dodgerblue | # 1E90FF | |
| LightSeaGreen | # 20B2AA | |
| Zieleń leśna | # 228B22 | |
| Seagreen | # 2E8B57 | |
| DarkSlateGray | # 2F4F4F | |
| Limegreen | # 32CD32 | |
| MediumSeaGreen | # 3CB371 | |
| Turkus | # 40E0D0 | |
| Royalblue | # 4169E1 | |
| Steelblue | # 4682B4 | |
| DarkSlateBlue | # 483D8B | |
| Średni turkus | # 48D1CC | |
| Indygo | # 4B0082 | |
| DarkOliveGreen | # 556B2F | |
| Cadetblue | # 5F9EA0 | |
| Chabrowy | # 6495ED | |
| MediumAquaMarine | # 66CDAA | |
| Dimgray | #696969 | |
| Łupkowy niebieski | # 6A5ACD | |
| Olivedrab | # 6B8E23 | |
| Slategray | #708090 | |
| LightSlateGray | #778899 | |
| MediumSlateBlue | # 7B68EE | |
| Lawngreen | # 7cfc00 | |
| Chartreuse | # 7FFF00 | |
| Akwamaryn | # 7FFFD4 | |
| Bordowy | #800000 | |
| Fioletowy | #800080 | |
| Oliwka | #808000 | |
| Szary | #808080 | |
| Skyblue | # 87CEEB | |
| LightSkyBlue | # 87CEFA | |
| Blueviolet | # 8A2BE2 | |
| Darkred | # 8B0000 | |
| Darkmagenta | # 8B008B | |
| Saddlebrown | # 8B4513 | |
| Darkseareen | # 8FBC8F | |
| Jasnozielony | # 90EE90 | |
| Średni fiolet | # 9370D8 | |
| Darkviolet | # 9400D3 | |
| Palegreen | # 98FB98 | |
| Darkorchid | # 9932CC | |
| Żółto-zielony | # 9ACD32 | |
| Sienna | # A0522D | |
| Brązowy | # A52A2A | |
| Darkgray | # A9A9A9 | |
| Jasnoniebieski | # ADD8E6 | |
| Greenyellow | # ADFF2F | |
| Paleturquoise | #AFEEEE | |
| LightSteelBlue | # B0C4DE | |
| Powderblue | # B0E0E6 | |
| Cegła ognista | # B22222 | |
| DarkGoldenRod | # B8860B | |
| MediumOrchid | # BA55D3 | |
| Rosybrown | # BC8F8F | |
| Darkkhaki | # BDB76B | |
| Srebrny | # C0C0C0 | |
| MediumVioletRed | # C71585 | |
| Indianred | # CD5C5C | |
| Peru | # Cd853f | |
| Czekolada | # D2691E | |
| Tan | # D2B48C | |
| Jasnoszary | # D3D3D3 | |
| PaleVioletRed | # D87093 | |
| Oset | # D8BFD8 | |
| Orchidea | # DA70D6 | |
| GoldenRod | # DAA520 | |
| Karmazynowy | # Dc143c | |
| Gainsboro | #DCDCDC | |
| Śliwka | # DDA0DD | |
| Burlywood | # DEB887 | |
| Lightcyan | # E0FFFF | |
| Lawenda | # E6E6FA | |
| Ciemny łosoś | # E9967A | |
| Fioletowy | # EE82EE | |
| PaleGoldenRod | # EEE8AA | |
| LightCoral | # F08080 | |
| Khaki | # F0E68C | |
| Aliceblue | # F0F8FF | |
| HoneyDew | # F0FFF0 | |
| Azure | # F0FFFF | |
| Sandy Brown | # F4A460 | |
| Pszenica | # F5DEB3 | |
| Beżowy | # F5F5DC | |
| Whitesmoke | # F5F5F5 | |
| Mintcream | # F5FFFA | |
| Ghostwhite | # F8F8FF | |
| Łosoś | # FA8072 | |
| Antiquewhite | # FAEBD7 | |
| Pościel | # FAF0E6 | |
| LightGoldenRodYellow | # FAFAD2 | |
| Oldlace | # FDF5E6 | |
| Czerwony | # Ff0000 | |
| Fuksja | # FF00FF | |
| Magenta | # FF00FF | |
| Deeppin | # Ff1493 | |
| Orangered | # Ff4500 | |
| Pomidor | # FF6347 | |
| Hotpink | # FF69B4 | |
| Koral | # FF7F50 | |
| Darkorange | # FF8C00 | |
| Lekki łosoś | # FFA07A | |
| Pomarańczowy | # FFA500 | |
| Lightpink | # FFB6C1 | |
| Różowy | # FFC0CB | |
| Złoto | # FFD700 | |
| Peachpuff | # FFDAB9 | |
| NavajoWhite | #FFDEAD | |
| Mokasyny | # FFE4B5 | |
| Bisque | # FFE4C4 | |
| Mistyose | # FFE4E1 | |
| Blanszowany migdał | #FFEBCD | |
| Papayawhip | # FFEFD5 | |
| Lawendowy rumieniec | # FFF0F5 | |
| Muszla | # FFF5EE | |
| Kukurydza | # FFF8DC | |
| LemonChiffon | #FFFACD | |
| FloralWhite | # FFFAF0 | |
| Śnieg | #FFFAFA | |
| Żółty | # FFFF00 | |
| Jasnożółty | # FFFFE0 | |
| Kość słoniowa | # FFFFF0 | |
| Biały | #FFFFFF |
