Szary kod RGB. Kody kolorów w Minecrafcie. Określanie koloru za pomocą RGB

Na tej stronie znajduje się tabela ze słowami kluczowymi, które można wykorzystać do oznaczania kolorów w takich językach deweloperskich 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.

Kody Minecrafta zabarwienie lub Minecrafta kody formatowanie, pozwól każdemu graczowi dodawać kwiaty i formatować tekst w każdy możliwy sposób bezpośrednio w Minecrafcie. Kody kolorów od &0-9 – do &a-f. Dodaj je przed tekstem. Wiadomości od graczy mogą zawierać kody kolorów, które umożliwiają dodanie koloru do zdań.

Kolory i kody formatowania

Znak ampersand (&), po którym następuje liczba szesnastkowa, w wiadomościach sygnalizuje klientowi konieczność zmiany kolorów podczas wyświetlania tekstu. Dodatkowo tekst można sformatować za pomocą symbolu & , po którym następuje litera. Możesz dodać różne kolory do książek, bloków poleceń, nazwy serwera, opisu serwera ( mot), w nazwach światów, na tablicach, a nawet w nazwy gracze.

Bardzo łatwo jest sformatować tekst w konfiguracjach lub w grze, korzystając z poniższej tabeli kolorów. &r służy do resetowania wszystkich kodów, tj. &mAAA&rBBB będą wyświetlane jako AAA BBB.

Tabela kodów kolorów

Formatowanie tabeli kodów

Czasami jest to konieczne podkreślić, przekreślić, atrakcja dowolny tekst. Odbywa się to za pomocą formatowania tekstu. Używa się go dokładnie tak samo jak kolorów (umieszczamy przed tekstem kod, na przykład &lMinecraft = Minecrafta.

Kody kolorów w CSS służą do określania kolorów. Zwykle kody kolorów lub wartości kolorów służą do ustawienia koloru pierwszego planu elementu (np. Kolor tekstu, kolor łącza) lub koloru tła elementu (kolor tła, kolor bloku). Można ich również używać do zmiany koloru przycisku, obramowania, znacznika, najechania kursorem i innych efektów dekoracyjnych.

Możesz określić wartości kolorów w różnych formatach. W poniższej tabeli wymieniono wszystkie możliwe formaty:

Wymienione formaty opisano bardziej szczegółowo poniżej.

Kolory CSS — kody szesnastkowe

Szesnastkowy kod koloru jest sześciocyfrową reprezentacją koloru. Pierwsze dwie cyfry (RR) reprezentują wartość czerwoną, dwie kolejne oznaczają wartość zieloną (GG), a dwie ostatnie reprezentują wartość niebieską (BB).

Kolory CSS — krótkie kody szesnastkowe

Krótki szesnastkowy kod koloru jest krótszą formą zapisu sześcioznakowego. W tym formacie każda cyfra jest powtarzana, aby uzyskać równoważną sześciocyfrową wartość koloru. Na przykład: #0F0 staje się #00FF00.

Wartość szesnastkową można pobrać z dowolnego oprogramowania graficznego, takiego jak Adobe Photoshop, Core Draw itp.

Każdy szesnastkowy kod koloru w CSS będzie poprzedzony znakiem hash „#”. Poniżej znajdują się przykłady użycia notacji szesnastkowej.

Kolory CSS - Wartości RGB

Wartość RGB to kod koloru ustawiany za pomocą właściwości rgb(). Ta właściwość przyjmuje trzy wartości: po jednej dla koloru czerwonego, zielonego i niebieskiego. Wartość może być liczbą całkowitą od 0 do 255 lub wartością procentową.

Notatka: Nie wszystkie przeglądarki obsługują właściwość koloru rgb(), dlatego nie zaleca się jej używania.

Poniżej znajduje się przykład pokazujący wiele kolorów przy użyciu wartości RGB.

Generator kodu koloru

Korzystając z naszej usługi, możesz stworzyć miliony kodów kolorów.

Bezpieczne kolory przeglądarki

Poniżej znajduje się tabela 216 kolorów, które są najbezpieczniejsze i najbardziej niezależne od komputera. Te kolory w CSS wahają się od 000000 do kodu szesnastkowego FFFFFF. Są bezpieczne w użyciu, ponieważ zapewniają prawidłowe wyświetlanie kolorów na wszystkich komputerach pracujących z paletą 256 kolorów.

W przypadku stron HTML kolory są podawane głównie w systemie szesnastkowym. W tym celu stosuje się dwa rodzaje zapisu kodu – pełny lub skrócony. Aby poprawnie wskazać kolor HTML w całości, należy wpisać sześć znaków (cyfry i/lub litery angielskie) po znaku krzyżyka, np. czarny jest zapisywany w ten sposób: #000000. Skrót określający kolory HTML składa się ze skrótu i ​​trzech cyfr i/lub liter znajdujących się za nim. Co więcej, tego typu akcje można stosować tylko wtedy, gdy pełny zapis danego koloru składa się z identycznych symboli po znaku krzyżyka. Na przykład ten sam kolor czarny można zapisać w ten sposób: #000. Możesz określić kolory HTML, używając zarówno dużych, jak i małych znaków, ponieważ wielkość liter nie jest rozróżniana.

Każdy znak zapisany po „#” odpowiada określonej proporcji koloru czerwonego, zielonego i niebieskiego. Z kolei wszystkie monitory składają się z ogromnej liczby pikseli (mikroskopijnych punktów), z których każdy zawiera 3 tzw. „latarki” (źródła światła): czerwoną, zieloną i niebieską. Następnie dostosowując intensywność światła emitowanego przez te „latarki”, monitor wyświetla nam taki kolor, jakiego potrzebujemy.

Łącząc intensywność emisji światła czerwonego, niebieskiego i zielonego (od 0 do 256), monitory mogą wyświetlać 16 000 000 różnych odcieni.

Kolory stron internetowych można także podawać słownie lub w kodzie RGB.

Dziś ustnie można zapisać 147 kolorów. Ważne jest, aby wiedzieć, że niektóre różne nazwy mogą oznaczać te same kolory, na przykład Szary i Szary to kolor szary (#808080).

Bezpieczne kolory dla stron internetowych.

Nie każdy monitor i przeglądarka może poprawnie wyświetlić wszystkie 16 milionów kolorów HTML.

Jeśli natkniesz się na kolor, którego przeglądarka nie może poprawnie wyświetlić, to:

1. Przeglądarka zastępuje go tym, który jest do niego najbardziej podobny i który można z powodzeniem odtworzyć;
2. Aby wyświetlić poprawnie, przeglądarka może wymieszać kilka kolorów i odtworzyć wynik.

Aby mieć pewność, że wydruk w dowolnej przeglądarce i na dowolnym monitorze będzie miał kolor określony w kodzie, zaleca się użycie „Bezpiecznych kolorów”. Ustalano je nie ręcznie, czy na czyjeś życzenie, ale matematycznie. Istnieje 216 takich w 100% bezpiecznych kolorów dla dokumentów HTML. I chociaż dzisiejsze technologie osiągnęły punkt, w którym nowoczesne monitory i przeglądarki rozpoznają miliony odcieni, zalecamy używanie tych bezpiecznych kolorów, aby zagwarantować oddawanie kolorów.

Ta tabela zawiera 216 bezpiecznych kodów kolorów HTML. Każdy kolor ma wartość w RGB do określania koloru w edytorach graficznych i HEX do określania koloru na stronach HTML.

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 niż 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.

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 osiąga maksimum (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 pokazuje 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 jakość oddawania barw monitora zostanie ustawiona na 8-bitową (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 pozostanie 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.

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 .