Jaki jest kod na kolor czarny? Kolor w stylach można określić na różne sposoby: według wartości szesnastkowej, według nazwy, w formacie RGB, RGBA, HSL, HSLA
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ć na podstawie nazwy, korzystając z nazwy koloru na stronie angielski. Najczęstsze słowa kluczowe: czarny, biały, czerwony, zielony, niebieski itp.:
Kolor tekstu – czerwony
Najpopularniejsze kolory standardu World Wide Web Consortium (W3C):
| Kolor | Nazwa | Kolor | Nazwa | Kolor | Nazwa | Kolor | Nazwa |
|---|---|---|---|---|---|---|---|
| Czarny | Szary | Srebrny | Biały | ||||
| Żółty | Wapno | Aqua | Fuksja | ||||
| Czerwony | Zielony | Niebieski | Fioletowy | ||||
| Kasztanowaty | Oliwka | Marynarka wojenna | Cyraneczka |
Przykład użycia różne kolory imiona:
Przykład: określenie koloru poprzez jego nazwę
- Wypró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 podstawą jest paleta RGB. Dowolny kolor uzyskuje się poprzez zmieszanie trzech podstawowych: R - czerwony, G - zielony, B - niebieski. Jasność każdego koloru jest podawana w jednym bajcie i dlatego może przyjmować wartości od 0 do 255. Na przykład RGB(255,0,0) jest wyświetlane jako czerwony, ponieważ kolor czerwony jest ustawiony na najwyższą wartość (255) i reszta jest ustawiona na 0. Możesz także ustawić kolor jako procent. Każdy parametr wskazuje poziom jasności odpowiedniego koloru. Na przykład: wartości rgb(127, 255, 127) i rgb(50%, 100%, 50%) ustawią się tak samo zielonyśrednie nasycenie:
Przykład: Określanie koloru przy użyciu 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ć za pomocą szesnastkowych (HEX) wartości kolorów 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 odróżnieniu od 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 cyfry od 10 do 15 zastąpiono literami łacińskimi. Liczby większe niż 15 w systemie szesnastkowym są reprezentowane przez połączenie dwóch znaków w jedną wartość. Na przykład, największa liczba 255 w systemie dziesiętnym odpowiada najwyższej wartości FF w formacie szesnastkowym. W przeciwieństwie do systemu dziesiętnego, liczba szesnastkowa jest poprzedzona symbolem skrótu. # na przykład #FF0000 jest wyświetlany jako czerwony, ponieważ kolor czerwony ma najwyższą wartość (FF), a pozostałe kolory mają ustawioną wartość minimalną (00). Znaki po symbolu skrótu # 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 odpowiednikiem double. Zatem wpis #f7O należy traktować jako #ff7700.
Przykład: Kolor szesnastkowy
- Wypró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 popularnych kolorów (nazwa, HEX i RGB):
| Imię angielskie | Imię rosyjskie | Próbka | KLĄTWA | RGB | ||
|---|---|---|---|---|---|---|
| Amarant | Amarant | #E52B50 | 229 | 43 | 80 | |
| Bursztyn | Bursztyn | #FFBF00 | 255 | 191 | 0 | |
| Aqua | Niebiesko-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 z 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 | |
| Wapno | Wapno | #CCFF00 | 204 | 255 | 0 | |
| Malachit | Malachit | #0BDA51 | 11 | 218 | 81 | |
| Marynarka wojenna | Ciemnoniebieski | #000080 | 0 | 0 | 128 | |
| Ochra | Ochra | #CC7722 | 204 | 119 | 34 | |
| Oliwka | Oliwka | #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 | 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ła) według nasycenia i odcienia.
>>Zarządzanie kolorami
Szesnastkowe wartości kolorów RGB
Metody opisu i przetwarzania koloru różnią się między sobą tym, do jakiego ostatecznego przedstawienia są przeznaczone. Porównajmy na przykład reprezentację kolorów w druku i na monitorach komputerowych. W pierwszym przypadku brana jest podstawa biały kolor papieru, na który następnie nanoszone są trzy kolory podstawowe: niebieski, fioletowy I żółty. Mieszając się ze sobą i z białym kolorem papieru w różnych proporcjach, te trzy podstawowe kolory dają różne odcienie kolorów, z wyjątkiem czystej czerni lub przy całkowitym braku farb dają biały papier. Jeśli dodamy do nich kolor czarny, otrzymamy CMYK- metoda transmisji koloru, gdy żądany kolor uzyskuje się poprzez odjęcie brakujących kolorów od bieli.
W drugim przypadku brana jest podstawa czarny kolor ekranu monitora, którego każda komórka świeci w jednym z trzech kolorów: czerwony-czerwony, zielony-zielony i niebieski-niebieski. Następnie, przy całkowitym braku jakiejkolwiek poświaty, otrzymujemy czysty czarny kolor ekranu, a dowolny z wymaganych kolorów jest określony przez stosunek każdego z trzech kolorów. W tym przypadku otrzymamy RGB-sposób przenoszenia barw. Kolory podstawowe mogą mieć wartości od 0
Do 255
lub z 0%
Do 100%
lub może być reprezentowany jako wartość szesnastkowa. Na poniższym rysunku możesz zobaczyć rezultaty mieszania kolorów podstawowych.
Szesnastkowy system liczbowy, w przeciwieństwie do dziesiętnego systemu liczbowego, ma nie dziesięć cyfr, ale szesnaście - stąd nazwa. W związku z tym mogą istnieć tylko niepowtarzalne warianty kombinacji dwóch cyfr - 256 , aby kontynuować serię liczb po 9 listy od A Do F, zatem szereg będzie wyglądał tak -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
W tym przypadku kolor jest określony przez trzy liczby szesnastkowe, z których każda składa się z dwóch cyfr. Pierwsza liczba określa intensywność czerwony kolory, średnie zielony, ostatni- niebieski zabarwienie. Wszystkie liczby mogą przyjmować wartości z zakresu od 00 Do FF(od 0 do 255). Na przykład: kolor zielony jest podawany jako #00FF00, czerwony - podobny #FF0000, niebieski - podobny #0000FF, biały - podobny #FFFFFF, całkowity brak koloru lub czerni jest podawany jako #000000 .
W poniższym formularzu możesz określić dowolne wartości szesnastkowe dla każdego z trzech kolorów i zobaczyć efekt ich wymieszania klikając w pole wyjściowe.
Przykłady niektórych szesnastkowych wartości kolorów RGB: gradacja czerwieni, błękitu i zieleni.
| pogląd | kod | pogląd | kod | pogląd | kod | pogląd | kod | pogląd | kod | pogląd | kod |
| #010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
| #100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
| #200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
| #300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
| #400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
| #500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
| #600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
| #700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Określanie koloru za pomocą literałów łańcuchowych
Dla ułatwienia niektórym kolorom i ich kombinacjom nadano nazwy rozpoznawalne przez wszystkie przeglądarki, a wiele z nich stało się możliwe do określenia po nazwie. Poniższa tabela przedstawia niektóre nazwy kolorów:
| pogląd | Nazwa | pogląd | Nazwa | pogląd | Nazwa | pogląd | Nazwa |
| Biały | Czerwony | Pomarańczowy | Żółty | ||||
| Zielony | Niebieski | Fioletowy | Czarny | ||||
| Alicja niebieska | Antycznybiały | Aqua | Akwamaryn | ||||
| Lazur | Beżowy | For | Blanchedalmond | ||||
| Niebieskofioletowy | Brązowy | Burlywood | Cadetblue | ||||
| Chartreuse | Czekolada | Koral | Chabrowy | ||||
| Jedwab kukurydziany | Karmazynowy | Cyjan | Ciemnoniebieski | ||||
| Darkcyan | Ciemnozłoty Pręt | Ciemnoszary | Ciemnozielony | ||||
| Ciemne khaki | Ciemnopurpurowy | Ciemnooliwkowy | Ciemnopomarańczowy | ||||
| Darkorchid | Ciemnoczerwony | Ciemny łosoś | Ciemnozielony | ||||
| Ciemnoniebieski | Ciemnoszary | Ciemnoturkusowy | Ciemnofioletowy | ||||
| Głęboki róż | Głęboki błękit | Dimgray | Dodgerblue | ||||
| Cegła szamotowa | Kwiatowobiały | Leśna zieleń | Fuksja | ||||
| Gainsboro | Duchbiały | Złoto | Nawłoć | ||||
| Szary | Zielonożółty | Spadź | Gorący róż | ||||
| Indianred | Indygo | Kość słoniowa | Khaki | ||||
| Lawenda | Lawendowy rumieniec | Cytrynowy | Jasnoniebieski | ||||
| Jasnokoralowy | Jasnocyjan | Jasnozimnyrodyżółty | Jasnozielony | ||||
| Jasnoszary | Jasnoróżowy | Lekki łosoś | Jasnozielony | ||||
| Jasnoniebieski | Jasnoszary | Jasnostaliowy | Jasnożółty | ||||
| Wapno | Limonkowy | Bielizna | Magenta | ||||
| Kasztanowaty | Średniakwamaryn | Średniniebieski | Średniorchidea | ||||
| Średnifioletowy | Średniozielony | Średnioniebieski | Średnio wiosenny zielony | ||||
| Średni turkus | Średnifioletowy | Północnoniebieski | Krem miętowy | ||||
| Mglista Róża | Navajobiały | Marynarka wojenna | Oldlace | ||||
| Oliwka | Oliwerab | Pomarańczowoczerwony | Orchidea | ||||
| Palezłoty pręt | Bladozielony | Paletaturkus | Palefioletowy | ||||
| Papaja | Brzoskwiniowy | Peru | Różowy | ||||
| Śliwka | Pudrowy błękit | Różowobrązowy | Królewski błękit | ||||
| Saddlebrown | Morska zieleń | Muszla | Sjena | ||||
| Srebrny | Błękitny | Łupkowoniebieski | Slategray | ||||
| Śnieg | Wiosenna zieleń | Stalowoniebieski | Dębnik | ||||
| Cyraneczka | Oset | Pomidor | Turkus | ||||
| Fioletowy | Pszenica | Biały dym | Żółtozielony |
Stosowanie bezpiecznej palety kolorów
Niestety na różnych platformach, przy różnych ustawieniach systemu, problemem jest prawidłowe odwzorowanie kolorów. Rzecz w tym, że przeglądarka zawsze próbuje się dostosować paleta kolorów dokumentu zgodnie z ustawieniami systemu i możliwościami monitora, samodzielnie mieszając kolory i podmieniając je. W rezultacie czasami użytkownik nie widzi dokładnie tego, co chciał mu pokazać webmaster. Wyjściem z tej sytuacji okazało się zastosowanie palety, której każdy kolor będzie renderowany jednakowo przez wszystkie przeglądarki na różnych platformach. Jest to tzw gwarantowane paleta, zwana także bezpieczna paleta. Ta paleta zawiera kolory, których składowe koloru przyjmują następujące wartości: 00 ,33 ,66 ,99 , CC,FF, na wszystkie możliwe sposoby 216 ich kombinacje.
| pogląd | kod | pogląd | kod | pogląd | kod | pogląd | kod | pogląd | kod | pogląd | kod |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
| 0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
| CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
| FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
| CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
| FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
Niestety nie ma jeszcze możliwości wyświetlenia wrażeń smakowych na stronie internetowej. Ale można to w pełni zrekompensować za pomocą kolorów. W końcu kolory HTML pozwalają wyświetlić dowolny z milionów odcieni. Więc " kolorowe ołówki W jego zestawie jest ich znacznie więcej niż siedem.
Schemat kolorów w HTML
W HTML kolor można określić w kilku formatach:
1. Jako wartość szesnastkową – stosuje się kod określony w szesnastkowym systemie liczbowym. Takie kody kolorów w HTML składają się z trzech par liczb szesnastkowych. Każda para odpowiada za nasycenie odcienia kolorem podstawowym:
- Pierwsza para liczb odpowiada za kolor czerwony;
- Druga para dotyczy zawartości koloru zielonego;
- Ten ostatni wynika z niebieskiej zawartości.
Na początku kodu (przed liczbami) umieszcza się znak krzyżyka. To właśnie oznacza zapis szesnastkowy kod koloru. Oprócz cyfr od 1 do 9 w tym systemie liczbowym wykorzystywane są litery alfabetu łacińskiego (A, B, C, D, E, F).
Na przykład kod biały w HTML będzie wyglądać jak #FFFFFF:
2. Słowo kluczowe – HTML obecnie obsługuje około 147 słów kluczowych. Ale nie wszystkie te słowa są wyjątkowe. Część z nich nawiązuje do tego samego odcienia kolorystycznego.
Kolor szary jest reprezentowany przez dwa słowa kluczowe: szary i szary. Ich kod szesnastkowy (HEX) ma tę samą wartość #808080.
Przykład:
#808080
3. B formacie RGB– to kodowanie kolorów w HTML opiera się na zastosowaniu trzech wartości, określonych w przedziale od 0 do 255. Każda z nich określa nasycenie barwy jednym z kolorów podstawowych:
- R – czerwony (czerwony);
- G – zielony (zielony);
- B – niebieski (niebieski).
Numer koloru w formacie RGB zapisywany jest w postaci: rgb(0, 210, 100).
kolor tła: rgb(100,186,43)
4. B formacie RGBA- jest to ulepszony format RGB, gdzie czwarta wartość określa przezroczystość koloru jako ułamek dziesiętny od 0 do 1.
Przykład użycia:
kolor tła: rgba (100,86,143,0,2)
kolor tła: rgba (100,86,143,0,5)
kolor tła: rgba (100,86,143,0,8)
kolor tła:rgba(100,86,143,1)
Tabele kolorów HTML i generatory kolorów
Przy tak szerokiej gamie formatów ustawień kolorów łatwo się pomylić. Dlatego wynaleziono specjalną tabelę kolorów. Zawiera 147 kluczowych tytułów odcienie kolorów Kody zgodności są podane we wszystkich głównych standardach kolorów. Dodatkowo każde pole wyposażone jest w pasek umożliwiający wizualny wybór koloru. Jedna z tych tabel jest prezentowana na stronie internetowejcolorcheme.ru:
Ale nawet przy takiej strukturze dopasowania wybór odpowiedniego odcienia może być trudny. I nie jest faktem, że tabela kodów kolorów będzie zawierać ten, którego potrzebujesz.
Aby ominąć tę przeszkodę i maksymalnie ułatwić wybór odpowiedniego odcienia, opracowano interaktywne serwisy internetowe. Ich interfejs użytkownika może się nieznacznie różnić od siebie.
Na stronie html-color-codes.info generator kolorów wygląda następująco:
W ramach usługi color-picker.appsmaster.co to narzędzie jest zaimplementowane nieco inaczej:
Nasycenie każdego koloru w generatorze ustawia się za pomocą specjalnych suwaków. Wizualnie cień jest wyświetlany poprzez kolor ramki i prostokąta po lewej stronie. Na dole 3 pola wyświetlają kod koloru w podstawowych formatach.
Ale generator kolorów jest dostępny nie tylko na wyspecjalizowanych stronach. Prawie wszystkie edytory graficzne są wyposażone w podobne narzędzie. Na przykład Photoshop:
Środki bezpieczeństwa podczas pracy z kolorem
A to było dawno, dawno temu, w epoce kart graficznych obsługujących tylko 256 kolorów. W tych odległych czasach systemy operacyjne mógł wyświetlać tylko pewną liczbę ośmiobitowych odcieni bez zniekształceń.
Następnie został wycofany świetny stół bezpieczne kolory. Określono 216 odcieni, które można było wyświetlić bez zniekształceń w dowolnej ówczesnej przeglądarce. I do dziś to” świetny rękopis» jest nadal dostępny w niektórych zasobach:
Obecnie wszystko się zmieniło. Dlatego wszystkie zasady bezpieczeństwa podczas pracy z kolorem w HTML są całkowicie anulowane. W końcu nowoczesny sprzęt komputerowy obsługuje ponad 16 milionów różnych odcieni. A 216 bezpiecznych kolorów odeszło w zapomnienie. 26.02.15 8,9 tys
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ą:
- czerwony ( Czerwony);
- kolor zielony ( 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 wyposażają swoje produkty różne cechy, powstał w 1996 roku ujednolicony system Synteza kolorów oparta na RGB zwana sRGB, opracowana wspólnie przez Microsoft i HP.
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, to otrzymujemy różne odcienie czerwony, zielony i niebieski. 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 go obejrzeć 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łoty” zostało po raz pierwszy użyte na początku XIV wieku na określenie koloru pierwiastek chemiczny zwany 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ące reprezentacje liczbowe.