RGB fioletowy. Samouczek HTML
Tabela (paleta) kolorów html daje możliwość samodzielnego wyboru tonu, którego potrzebujesz. Wartość koloru jest wyświetlana w trzech formatach: szesnastkowym, RGB i HSV.
- Hex składa się z trzech dwuznakowych wartości w systemie liczb szesnastkowych. 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 (czerwony, zielony, niebieski) w wynikowym kolorze.
- HSV (Hue, Saturation, Value – ton, nasycenie, wartość) – model barw, w którym współrzędne wynoszą:
- Barwa - odcień koloru, może wahać się od 0° do 360°.
- Nasycenie - nasycenie, waha się od 0-100 lub 0-1. Im wyższy ten parametr, tym „czystszy” kolor, dlatego parametr ten czasami nazywany jest czystością koloru. Im bliżej zera jest ten parametr, 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.
Podaj kod koloru: IŚĆ
Lista kolorów z nazwami
Tabela zawiera 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ą wyglądać 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 | |
Ciemnocyjan | #008B8B | |
DeepSkyBlue | #00BFF | |
Ciemny Turkus | #00CED1 | |
Średni wiosenny zielony | #00FA9A | |
Limonka | #00FF00 | |
Wiosenna zieleń | #00FF7F | |
wodny | #00FFFF | |
Cyjan | #00FFFF | |
Niebieska północ | #191970 | |
Niebieski Dodgera | #1E90FF | |
Jasnomorska zieleń | #20B2AA | |
Zielony las | #228B22 | |
Zielone morze | #2E8B57 | |
Ciemnoszary | #2F4F4F | |
Limonkowy | #32CD32 | |
Średni Morski Zielony | #3CB371 | |
Turkus | #40E0D0 | |
Królewski niebieski | #4169E1 | |
Stalowo - niebieski | #4682B4 | |
Ciemnoniebieski | #483D8B | |
Średni Turkus | #48D1CC | |
Indygo | #4B0082 | |
Ciemny Oliwkowy Zielony | #556B2F | |
Kadet Niebieski | #5F9EA0 | |
Chabrowy | #6495ED | |
ŚredniAquaMarine | #66CDAA | |
Ciemnoszary | #696969 | |
Odcień niebieskiego | #6A5ACD | |
OliwkowyDrab | #6B8E23 | |
Popielaty | #708090 | |
Jasnoszary | #778899 | |
Średni Łupkowy Niebieski | #7B68EE | |
TrawnikZielony | #7CFC00 | |
Chartreuse | #7FFF00 | |
Akwamaryn | #7FFFD4 | |
Kasztanowaty | #800000 | |
Fioletowy | #800080 | |
Oliwa | #808000 | |
Szary | #808080 | |
Niebieskie niebo | #87CEEB | |
Jasnoniebieski | #87CEFA | |
NiebieskiFiolet | #8A2BE2 | |
Ciemno czerwony | #8B0000 | |
Ciemna Magenta | #8B008B | |
SiodłoBrązowe | #8B4513 | |
CiemnomorzeZielony | #8FBC8F | |
Jasnozielony | #90EE90 | |
Średnifioletowy | #9370D8 | |
Ciemny fiolet | #9400D3 | |
Bladozielony | #98FB98 | |
CiemnaOrchidea | #9932CC | |
Żółty zielony | #9ACD32 | |
Sjena | #A0522D | |
brązowy | #A52A2A | |
Ciemny szary | #A9A9A9 | |
Jasny niebieski | #ADD8E6 | |
Zielony żółty | #ADFF2F | |
Blady Turkus | #AFEEEE | |
Jasnostalowo-niebieski | #B0C4DE | |
ProszekNiebieski | #B0E0E6 | |
FireBrick | #B22222 | |
CiemnyZłotyRod | #B8860B | |
ŚredniOrchidea | #BA55D3 | |
RóżowyBrąz | #BC8F8F | |
Ciemne khaki | #BDB76B | |
Srebro | #C0C0C0 | |
Średni Fioletowy Czerwony | #C71585 | |
Indyjski Czerwony | #CD5C5C | |
Peru | #CD853F | |
Czekolada | #D2691E | |
Dębnik | #D2B48C | |
Jasny szary | #D3D3D3 | |
Bladofioletowy czerwony | #D87093 | |
Oset | #D8BFD8 | |
Orchidea | #DA70D6 | |
Złoty Rod | #DAA520 | |
Karmazynowy | #DC143C | |
Gainsboro | #DCDCDC | |
Śliwka | #DDA0DD | |
BurlyWood | #DEB887 | |
Jasnocyjan | #E0FFFF | |
Lawenda | #E6E6FA | |
Ciemny Łosoś | #E9967A | |
Fioletowy | #EE82EE | |
BladyZłoty Pręt | #EEE8AA | |
Jasny Koral | #F08080 | |
Khaki | #F0E68C | |
AlicjaNiebieska | #F0F8FF | |
Miodowa Rosa | #F0FFF0 | |
Lazur | #F0FFFF | |
Sandy Brown | #F4A460 | |
Pszenica | #F5DEB3 | |
Beżowy | #F5F5DC | |
Biały dym | #F5F5F5 | |
Krem miętowy | #F5FFFA | |
DuchWhite | #F8F8FF | |
Łosoś | #FA8072 | |
Antyczna biel | #FAEBD7 | |
Bielizna | #FAF0E6 | |
JasnyGoldenRodŻół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 | |
Navajo White | #FFDEAD | |
Mokasyn | #FFE4B5 | |
For | #FFE4C4 | |
Mglista Róża | #FFE4E1 | |
Blanszowany migdał | #FFEBCD | |
Bicz z papai | #FFEFD5 | |
Lawendowy róż | #FFF0F5 | |
Muszla | #FFF5EE | |
Jedwab kukurydziany | #FFF8DC | |
CytrynowySzyfon | #FFFACD | |
KwiatowyBiały | #FFFAF0 | |
Śnieg | #FFFAFA | |
Żółty | #FFFF00 | |
Jasny zółty | #FFFFE0 | |
kość słoniowa | #FFFFFF0 | |
Biały | #FFFFFF |
Do określenia kolorów używane są liczby szesnastkowe. System szesnastkowy w odróżnieniu od 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 powstają poprzez połączenie dwóch liczb w jedną. Na przykład liczba 255 w systemie dziesiętnym odpowiada liczbie FF w formacie szesnastkowym. Aby uniknąć nieporozumień przy określaniu systemu liczbowego, przed liczbą szesnastkową umieszcza się symbol skrótu #, na przykład #666999. Każdy z trzech kolorów – czerwony, zielony i niebieski – może przyjmować wartości od 00 do FF. Zatem symbol koloru jest podzielony na trzy składowe #rrggbb, gdzie pierwsze dwa symbole wskazują czerwoną składową koloru, dwa środkowe - zielone, a dwa ostatnie - niebieskie. Dopuszcza się użycie formy skróconej #rgb, gdzie każdy znak należy podwoić. Zatem wpis #fe0 należy traktować jako #ffee00.
Wg nazwy
Internet Explorera | Chrom | Opera | Safari | Firefoksa | 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 nazwy. W tabeli 1 pokazuje nazwy, kod szesnastkowy, wartości RGB, HSL i opis.
Nazwa | Kolor | Kod | RGB | HSL | Opis |
---|---|---|---|---|---|
biały | #ffffff lub #ffff | RGB(255,255,255) | 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 #0ff | 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 |
Korzystanie z RGB
Internet Explorera | Chrom | Opera | Safari | Firefoksa | 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 ujęciu dziesiętnym. Każdy z trzech składników koloru przyjmuje wartość od 0 do 255. Dopuszczalne jest również określenie koloru w procentach, gdzie 100% odpowiada liczbie 255. Najpierw należy podać słowo kluczowe rgb, a następnie w nawiasach podać składniki koloru , oddzielone przecinkami, na przykład rgb(255, 128, 128) lub rgb(100%, 50%, 50%).
RGBA
Internet Explorera | Chrom | Opera | Safari | Firefoksa | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Format RGBA ma podobną składnię do formatu RGB, ale zawiera kanał alfa, który określa przezroczystość elementu. Wartość 0 jest całkowicie przezroczysta, 1 jest nieprzezroczysta, a wartość pośrednia, np. 0,5, jest półprzezroczysta.
RGBA zostało dodane do CSS3, więc kod CSS musi zostać zweryfikowany pod kątem tej wersji. Należy zauważyć, że standard CSS3 jest wciąż w fazie rozwoju i niektóre funkcje mogą ulec zmianie. Na przykład kolor w formacie RGB dodany do właściwości tła-koloru jest sprawdzany, ale kolor dodany do właściwości tła nie jest już prawidłowy. Jednocześnie przeglądarki całkiem poprawnie rozumieją kolor obu właściwości.
HSL
Internet Explorera | Chrom | Opera | Safari | Firefoksa | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Nazwa formatu HSL pochodzi od kombinacji pierwszych liter Hue (odcień), Saturate (nasycenie) i Lightness (jasność). Odcień to wartość koloru na kole kolorów (ryc. 1) podawana w stopniach. 0° odpowiada kolorowi czerwonemu, 120° zielonemu, a 240° niebieskiemu. Wartość odcienia może wahać się od 0 do 359.
Ryż. 1. Koło kolorów
Nasycenie to intensywność koloru mierzona jako wartość procentowa 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 wyrażana jako wartość procentowa od 0% do 100%. Niskie wartości powodują, że kolor jest ciemniejszy, a wysokie wartości powodują, że kolor jest jaśniejszy; skrajne wartości 0% i 100% odpowiadają czerni i bieli.
HSLA
Internet Explorera | Chrom | Opera | Safari | Firefoksa | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Format HSLA ma podobną składnię do HSL, ale zawiera kanał alfa określający przezroczystość elementu. Wartość 0 jest całkowicie przezroczysta, 1 jest nieprzezroczysta, a wartość pośrednia, np. 0,5, jest półprzezroczysta.
Wartości kolorów RGBA, HSL i HSLA są dodawane do CSS3, więc podczas korzystania z tych formatów sprawdź poprawność wersji kodu.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Ostrzeżenie
Wszystkie metody łapania lwów wymienione na stronie są teoretyczne i oparte na metodach obliczeniowych. Autorzy nie gwarantują bezpieczeństwa podczas korzystania z nich i zrzekają się jakiejkolwiek odpowiedzialności za wyniki. Pamiętaj, lew to drapieżnik i niebezpieczne zwierzę!
Wynik tego przykładu pokazano na ryc. 2.
Ryż. 2. Kolory na stronie internetowej
Wład Merzewicz
W HTML kolor jest określany na jeden z dwóch sposobów: przy użyciu kodu szesnastkowego lub poprzez nazwę określonych kolorów. Najczęściej stosowana jest metoda oparta na szesnastkowym systemie liczbowym, gdyż jest ona najbardziej uniwersalna.
Kolory szesnastkowe
HTML używa liczb szesnastkowych do określenia kolorów. System szesnastkowy w odróżnieniu od 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. W tabeli 6.1 pokazuje zgodność między liczbami dziesiętnymi i szesnastkowymi.
Liczby większe od 15 w systemie szesnastkowym powstają poprzez połączenie dwóch liczb w jedną (tabela 6.2). Na przykład liczba 255 w systemie dziesiętnym odpowiada liczbie FF w formacie szesnastkowym.
Aby uniknąć nieporozumień przy definiowaniu systemu liczbowego, liczbę szesnastkową poprzedza się symbolem skrótu #, na przykład #aa69cc. W tym przypadku wielkość liter nie ma znaczenia, dlatego dopuszczalne jest wpisanie #F0F0F0 lub #f0f0f0.
Typowy kolor używany w HTML wygląda następująco.
Tutaj kolor tła strony internetowej jest ustawiony na #FA8E47. Symbol skrótu # przed liczbą oznacza, że jest ona szesnastkowa. Pierwsze dwie cyfry (FA) definiują czerwony składnik koloru, cyfry od trzeciej do czwartej (8E) definiują składnik zielony, a dwie ostatnie cyfry (47) definiują składnik niebieski. Efektem końcowym będzie ten kolor.
FA. | + | 8E | + | 47 | = | FA8E47 |
Każdy z trzech kolorów – czerwony, zielony i niebieski – może przyjmować wartości od 00 do FF, co daje łącznie 256 odcieni. Zatem całkowita liczba kolorów może wynosić 256 x 256 x 256 = 16 777 216 kombinacji. Model kolorów oparty na składnikach czerwonym, zielonym i niebieskim nazywa się RGB (czerwony, zielony, niebieski; czerwony, zielony, niebieski). Model ten jest addytywny (od dodaj - dodaj), w którym dodanie wszystkich trzech składników tworzy kolor biały.
Aby ułatwić nawigację po kolorach szesnastkowych, należy wziąć pod uwagę kilka zasad.
- Jeśli wartości składników koloru są takie same (na przykład: #D6D6D6), wówczas efektem będzie szary odcień. Im wyższa liczba, tym jaśniejszy kolor, z wartościami od #000000 (czarny) do #FFFFFF (biały).
- Jasnoczerwony kolor powstaje, gdy składnik czerwony jest maksymalny (FF), a pozostałe składniki są ustawione na zero. Kolor o wartości #FF0000 to najbardziej czerwony możliwy odcień czerwieni. To samo dotyczy koloru zielonego (#00FF00) i niebieskiego (#0000FF).
- Żółty (#FFFF00) powstaje przez zmieszanie czerwieni i zieleni. Widać to wyraźnie na kole barw (ryc. 6.1), które przedstawia kolory podstawowe (czerwony, zielony, niebieski) oraz uzupełniające lub dodatkowe. Należą do nich żółty, cyjan i fiolet (zwany także magentą). Ogólnie rzecz biorąc, dowolny kolor można uzyskać mieszając kolory blisko niego. W ten sposób kolor cyjan (#00FFFF) uzyskuje się przez połączenie koloru niebieskiego i zielonego.
Ryż. 6.1. Koło kolorów
Kolory oparte na wartościach szesnastkowych nie muszą być dobierane empirycznie. W tym celu odpowiedni jest edytor graficzny, który może współpracować z różnymi modelami kolorów, na przykład Adobe Photoshop. Na ryc. Rysunek 6.2 przedstawia okno wyboru koloru w tym programie; wynikowa wartość szesnastkowa bieżącego koloru jest obrysowana linią. Możesz skopiować i wkleić go do swojego kodu.
Ryż. 6.2. Okno wyboru kolorów w Photoshopie
Kolory sieciowe
Jeśli ustawisz jakość oddawania barw monitora na 8 bitów (256 kolorów), ten sam kolor może być wyświetlany inaczej w różnych przeglądarkach. Dzieje się tak ze względu na sposób wyświetlania grafiki, gdy przeglądarka pracuje na własnej palecie i nie może pokazać koloru, którego nie ma w jej palecie. W tym przypadku kolor zostaje zastąpiony kombinacją pikseli innych, zbliżonych do niego kolorów imitujących dany. Aby zapewnić, że kolor będzie taki sam w różnych przeglądarkach, wprowadzono paletę tzw. kolorów internetowych. Kolory internetowe to te kolory, dla których każdy składnik - czerwony, zielony i niebieski - jest ustawiony na jedną z sześciu wartości - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Wartość szesnastkowa tego składnika jest podana w nawiasach. Łączna liczba kolorów ze wszystkich możliwych kombinacji daje 6x6x6 - 216 kolorów. Przykładowy kolor sieciowy to #33FF66.
Główną cechą kolorów internetowych jest to, że wyglądają tak samo we wszystkich przeglądarkach. W tej chwili znaczenie kolorów internetowych jest bardzo małe ze względu na poprawę jakości monitorów i rozszerzenie ich możliwości.
Kolory według nazwy
Aby uniknąć konieczności zapamiętywania zestawu liczb, możesz zamiast tego użyć nazw powszechnie używanych kolorów. W tabeli 6.3 pokazuje nazwy popularnych nazw kolorów.
Nazwa koloru | Kolor | Opis | Wartość szesnastkowa |
---|---|---|---|
czarny | Czarny | #000000 | |
niebieski | Niebieski | #0000FF | |
fuksja | Jasny fiolet | #FF00FF | |
szary | Ciemno szary | #808080 | |
zielony | Zielony | #008000 | |
Limonka | Jasnozielony | #00FF00 | |
kasztanowaty | Ciemno czerwony | #800000 | |
marynarka wojenna | Ciemny niebieski | #000080 | |
Oliwa | Oliwa | #808000 | |
fioletowy | Ciemny fiolet | #800080 | |
czerwony | Czerwony | #FF0000 | |
srebro | Jasny szary | #C0C0C0 | |
cyraneczka | Niebieski zielony | #008080 | |
biały | Biały | #FFFFFF | |
żółty | Żółty | #FFFF00 |
Nie ma znaczenia, czy określisz kolor poprzez jego nazwę, czy za pomocą liczb szesnastkowych. Metody te mają jednakowy efekt. Przykład 6.1 pokazuje, jak ustawić kolory tła i tekstu strony internetowej.
Przykład 6.1. Kolor tła i tekstu
Przykładowy tekst
W tym przykładzie kolor tła jest ustawiany za pomocą atrybutu bgcolor znacznika
i kolor tekstu poprzez atrybut tekstowy. W przypadku różnorodności atrybut tekstowy jest ustawiony na liczbę szesnastkową, a atrybut bgcolor na zarezerwowane słowo kluczowe teal .Ta strona zawiera tabelę ze słowami kluczowymi, których można użyć do oznaczenia kolorów w takich językach programistów internetowych, jak: HTML, CSS, JavaScript, Flash itp.
W starych specyfikacjach koncernu WC3 określono jedynie 16 słów kluczowych, za pomocą których ustawiano kolory w HTML i CSS. W dalszych, bardziej nowoczesnych specyfikacjach dodano kolejne 130 słów kluczowych oznaczających nazwy kolorów. Poniższa tabela zawiera nazwy kolorów oraz odpowiadające im kody szesnastkowe i RGB.
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 też zaznaczyć, że na 146 słów kluczowych w tabeli tak naprawdę jest w niej mniej kolorów. Dzieje się tak dlatego, że niektóre słowa kluczowe odnoszą się do tego samego koloru. Zatem nazwy Gray i Gray reprezentują kod koloru 50% szarości #808080, a słowo Magenta jest synonimem koloru HTML Fuchsia, odpowiadającemu kodowi szesnastkowemu #FF00FF. Równie synonimiczne są słowa Aqua i Cyan, odpowiadają one kodowi #00FFFF.
|
|
Jak wiadomo, kolor może wpływać na stan człowieka: zarówno psychiczny, jak i fizyczny. Każdego dnia, przeglądając strony internetowe, oczy oceniają miliony kolorów i odcieni. Projektant stron internetowych zaznajomiony z psychologią koloru może manipulować nastrojem odwiedzającego, aby osiągnąć określone cele.
Wynika to z faktu, że niektóre odcienie uspokajają, a niektóre wręcz przeciwnie, podniecają. Następnie porozmawiamy o tym, jak kolor jest syntetyzowany i wyświetlany za pomocą technologii komputerowej.
RGB to model kolorów reprezentujący metodę uzyskiwania wszystkich kolorów i ich odcieni poprzez zmieszanie w różnych proporcjach trzech głównych składników, którymi są:
- Kolor czerwony ( Czerwony);
- zielony kolor ( Zielony);
- Kolor niebieski ( Niebieski).
Stąd pochodzi skrócona nazwa RGB. Te kolory zostały wybrane jako główne nie bez powodu: powodem jest fizjologia siatkówki ludzkiego oka i sposób, w jaki je postrzega:
Model RGB pozostaje dziś najpopularniejszy i służy do reprodukcji kolorów na ekranach telewizorów i monitorach komputerów. Ponieważ producenci nadają swoim produktom różne cechy, w 1996 roku stworzono ujednolicony system syntezy kolorów oparty na RGB o nazwie sRGB, nad którym Microsoft i HP współpracowały.
Numeryczna reprezentacja koloru
Jak wspomniano wcześniej, kolory RGB powstają w wyniku zmieszania kolorów podstawowych. Do opisu intensywności każdego z nich przyjęto schemat, w którym kolor jest reprezentowany przez zakres 0-255 (8 bitów), co w zapisie szesnastkowym odpowiada 00-FF.
Oznacza to, że kolory podstawowe będą wyglądać następująco:
- Czerwony – RGB (255,0,0);
- Zielony – RGB (0,255,0);
- Niebieski – RGB (0,0,255);
Jeśli intensywność koloru przyjmuje wartości mniejsze niż 255, wówczas uzyskuje się różne odcienie czerwieni, zieleni i błękitu. Poniżej znajduje się tabela ich gradacji, a także wartości szesnastkowe każdego z odcieni:
Tabele kolorów RGB
Naturalnie, oprócz gradacji kolorów podstawowych, istnieją odcienie mieszane, a ich liczba jest dość duża. Dlatego stworzono tabelę kolorów RGB, która prezentuje wszystkie istniejące odcienie, a także ich nazwy i reprezentacje numeryczne ( w postaci dziesiętnej i szesnastkowej).
Możesz zobaczyć to tutaj. Ta tabela znacznie ułatwia życie projektantom stron internetowych, ponieważ w ciągu kilku sekund można znaleźć wymagany odcień i poznać jego reprezentację numeryczną.
Bezpieczna paleta kolorów RGB
Jednak w pewnym momencie pojawił się problem z wyświetlaniem kolorów w różnych przeglądarkach i aby go rozwiązać, skompilowano tzw. „bezpieczną” paletę kolorów RGB, którą uzyskano na podstawie obliczeń matematycznych.
Gdy przeglądarka nie będzie w stanie poprawnie wyświetlić koloru, spróbuje uzyskać coś zbliżonego do tego, czego potrzebuje, mieszając sąsiednie kolory, a najprawdopodobniej wynik będzie całkowicie nie do przyjęcia:
Używając kodów kolorów RGB z tej palety, twórca stron internetowych może mieć pewność co do wyświetlania kolorów na stronach swojej witryny internetowej podczas przeglądania ich za pomocą różnych przeglądarek, platform i monitorów. Chociaż w tej chwili tabela bezpiecznych kolorów traci na znaczeniu ( postęp technologiczny wciąż nie stoi w miejscu), stosując go można, jak to się mówi, spać spokojnie.
Kolor złoty w modelu RGB
Słowo „złoto” zostało po raz pierwszy użyte na początku XIV wieku na określenie koloru pierwiastka chemicznego zwanego Aurum – złoto. W modelu RGB kolor złoty jest reprezentowany przez następujące wartości liczbowe:
- RGB (255, 215, 0) – system dziesiętny;
- HEX #FFD700 – system szesnastkowy.
Kolor beżowy w modelu RGB
Kolor beżowy zajmuje w historii dość znaczące miejsce, choć nie jest najbardziej wyraziste. Wiele zabytków kultury, zwłaszcza starożytne rzeźby, wykonano ze steatytu i steatytu, które mają beżowy odcień. W modelu RGB kolor beżowy ma następującą reprezentację numeryczną.
- Paweł Gawrilowicz Winogradow: biografia
- Rzeczpospolita – co to znaczy?
- Filozofia o życiu, śmierci i nieśmiertelności człowieka. Pojęcie życia, śmierci i nieśmiertelności
- Kiełbasy i kimchi, gofry i smardze, acai i kanapki – niemal wierszem mówią do nas szefowie kuchni, którzy wymyślili oryginalne, letnie śniadania