Коди Майнкрафт квітів, або Майнкрафт кодиформатування, дозволяють будь-якому гравцю додавати квіти та всіляко форматувати текст прямо в Minecraft. Кольорові кодивід &0-9 - до &a-f. Додайте їх до тексту. Повідомлення від гравців можуть містити коди кольорів, які дозволяють додавати фарби у ваші пропозиції.
Кольори та коди форматування
Знак амперсанта (&), за яким йде шістнадцяткове число в повідомленні, дає сигнал клієнту для перемикання кольору при відображенні тексту. Крім того, текст може бути відформатований за допомогою символу &, за яким слідує буква. Ви можете додавати різні кольори в книги, командні блоки, ім'я сервера, опис сервера (motd), назву світів, таблички і навіть в імена гравців.
Дуже легко відформатувати текст у конфігах або в грі, використовуючи таблицю кольорів нижче. &r використовується скидання всіх кодів, тобто. &mААА&rБББ відображатиметься як ААА БББ.
Пропонуємо таблицю існуючих колірних кодів в Майнкрафт для вашої зручності:
Код | Назва | Тех. Назва | Колір символу | Колір тіні символ | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | Hex | R | G | B | Hex | |||
&0 | Чорний | black | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Темно синій | dark_blue | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Темно-зелений | dark_green | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Темно-синьо-зелений | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | Темно червоний | dark_red | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Темно фіолетовий | dark_purple | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Золотий | gold | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Сірий | gray | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Темно-сірий | dark_gray | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Блакитний | blue | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | Зелений | green | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | Синьо-зелений | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | червоний | red | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Світлофіолетовий | light_purple | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Жовтий | yellow | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Білий | white | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Іноді буває потрібно підкреслити, закреслити, виділитибудь-який текст. Для цього використовується форматування тексту. Використовується так само як і кольори (перед текстом ставимо код, наприклад &lMinecraft = Minecraft.
Для зручності нижче наведена таблиця кодів для форматування:
Код | Назва |
---|---|
&k | Магічний текст |
&l | Жирний текст |
&m | Закреслений текст |
&n | Підкреслений текст |
&o | Курсивний текст |
&r | Текст без форматування |
На жаль, смакові відчуття на сайті відобразити поки що неможливо. Але це можна сповна компенсувати за допомогою колірної гами. Адже кольори html дозволяють відобразити будь-який з мільйонів відтінків. Так що " кольорових олівцівв його наборі набагато більше, ніж сім.
Колірна гама в html
У html колір може бути заданий у кількох форматах:
1. У вигляді шістнадцяткового значення – використовуються код, заданий у шістнадцятковій системіобчислення. Такі коди кольорів у html складаються з трьох пар шістнадцяткових чисел. Кожна пара відповідає за насиченість відтінку своїм основним кольором:
- Перша числова пара відповідає за червоний колір;
- Друга пара – за вміст зеленого кольору;
- Остання – за зміст синього кольору.
На початку коду (перед цифрами) ставиться решітка. Так позначається шістнадцятковий колірний код. Крім чисел від 1 до 9 у цій системі обчислення використовуються літери латинського алфавіту(A, B, C, D, E, F).
Наприклад, код білого кольоруу html матиме вигляд #FFFFFF:
2. Ключове слово – зараз html підтримує близько 147 ключових слів. Але не всі з цих слів є унікальними. Деякі з них посилаються на той самий колірний відтінок.
Сірий колір позначається двома ключовими словами: grey та gray. Їх шістнадцятковий код(HEX) задається одним і тим же значенням #808080.
Приклад:
#808080
3. У форматі RGB – це кодування кольорів у html засноване на використанні трьох значень, що задаються в діапазоні від 0 до 255. Кожне з них визначає насиченість відтінку одним з основних кольорів:
- R - червоний (red);
- G - зелений (green);
- B – синій (blue).
Номер кольору у форматі RGB записується у такому вигляді: rgb(0, 210, 100).
background-color:rgb(100,186,43)
4. У форматі RGBA – він є удосконаленим форматом RGB , де четвертим значенням задається прозорість кольору у вигляді десяткового дробувід 0 до 1
Приклад використання:
background-color:rgba(100,86,143,0.2)
background-color:rgba(100,86,143,0.5)
background-color:rgba(100,86,143,0.8)
background-color:rgba(100,86,143,1)
Таблиці кольорів html та генератори кольору
За такого великого розкиду форматів установки кольору легко заплутатися. Тому було придумано спеціальну таблицю кольорів. У ній до 147 ключовим назвамколірних відтінків наведено коди відповідності у всіх основних стандартах подання кольору. Додатково кожне поле має планку для візуального підбору кольору. Одна з таких таблиць представлена на сайті colorscheme.ru:
Але навіть за допомогою такої структуризації відповідності підбір потрібного відтінку може виявитися скрутним. Та й не факт, що у таблиці кодів кольорів знайдеться необхідний.
Щоб обійти цю перешкоду і максимально спростити вибір потрібного відтінку, були розроблені інтерактивні веб-сервіси. Їх користувальницький інтерфейсможе дещо різнитися між собою.
На сайті html-color-codes.info генератор квітів має такий вигляд:
А в рамках сервісу color-picker.appsmaster.co цей інструмент реалізований трохи інакше:
Насиченість кожного кольору в генераторі визначається за допомогою спеціальних повзунків. Відтінок візуально відображається кольором рамки та прямокутника з лівого боку. Внизу в 3 полях відображається код кольору в основних форматах.
Але генератор кольорів доступний не лише на спеціалізованих сайтах. Подібним інструментом забезпечені майже всі графічні редактори. Наприклад, Photoshop :
Техніка безпеки під час роботи з кольором
А було це давно, ще в епоху відеокарт, що підтримують лише 256 кольорів. У ті далекі часи Операційні системимогли без спотворень відображати лише певну кількість восьми бітових відтінків.
Тоді було виведено велику таблицю безпечних кольорів. В ній вказувалося 216 відтінків, які могли бути відображені без спотворення будь-якого з браузерів того часу. І до цього дня ця « великий рукопис» ще доступна на деяких ресурсах:
Нині все змінилося. Тому всі правила техніки безпеки під час роботи з кольором у html повністю анулюються. Адже сучасне комп'ютерне залізопідтримує понад 16 мільйонів різних відтінків. І 216 безпечних квітів канули в лету.
Ці дані повністю підтверджуються статистикою. Судячи з неї, у 2014 році лише 0.5% користувачів мають комп'ютери, що підтримують лише 256 відтінків.
Основи колірної гармонії
Природним гармонійним почуттям смаку наділені далеко не всі з нас. Тому правильний підбіркольори може стати справжнім випробуванням. Але, хвала науці, навіть колірну гармонію їй удалося описати у вигляді кількох схем. Всі вони ґрунтуються на використанні колірного кола. Схеми гармонійного підбору кольорів у html:
- Схема паралельних кольорів – коли обидва відтінки у колірному колі знаходяться паралельно;
- Тріадна схема - в основі всіх кутів трикутника лежить один із кольорів;
- Монохроматична – коли підбираються кілька близьких відтінків одного кольору;
- Аналогова – розширена версія монохроматичної схеми. При цьому відтінки одного кольору знаходяться на певному видаленні.
Реалізація всіх цих схем добре представлена у рамках сервісу paletton.com. Він дозволяє легко здійснити гармонійний підбіркольори.
У HTML колірможна ставити трьома способами:
Завдання кольору в HTML за його назвою
Деякі кольори можна задавати за їх назвою, використовуючи як значення назву кольору на англійською. Найпоширеніші ключові слова: black (чорний), white (білий), red (червоний), green (зелений), blue (синій) та ін.
Колір тексту – червоний
Найбільш популярні кольори стандарту Консорціуму Всесвітньої павутини(англ. World Wide Web Consortium, W3C):
Колір | Назва | Колір | Назва | Колір | Назва | Колір | Назва |
---|---|---|---|---|---|---|---|
Black | Gray | Silver | White | ||||
Yellow | Lime | Aqua | Fuchsia | ||||
Red | Green | Blue | Purple | ||||
Maroon | Olive | Navy | Teal |
Приклад використання різних колірних назв:
Приклад: завдання кольору за назвою
- Спробуй сам »
Заголовок на червоному тлі
Заголовок на помаранчевому фоні
Заголовок на фоні лайм
Білий текст на блакитному тлі
Заголовок на червоному тлі
Заголовок на помаранчевому фоні
Заголовок на фоні лайм
Білий текст на блакитному тлі
Завдання кольору за допомогою RGB
При відображенні різних кольорів на моніторі за основу береться палітра RGB. Будь-який колір отримують, змішуючи три основні: R - червоний (red), G - зелений (green), В - синій (blue). Яскравість кожного кольору задається одним байтом і, отже, може набувати значення від 0 до 255. Наприклад, RGB (255,0,0) відображається як червоний, так як червоний встановлюється в його найвище значення (255), а інші встановлені в 0 Також можна задавати колір у відсотковому відношенні. Кожен із параметрів позначає рівень яскравості відповідного кольору. Наприклад: значення rgb(127, 255, 127) і rgb(50%, 100%, 50%) задаватимуть однаковий зелений колірсередньої насиченості:
Приклад: Завдання кольору за допомогою RGB
- Спробуй сам »
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Завдання кольору за шістнадцятковим значенням
Значення R G Bтакож можуть бути вказані за допомогою шістнадцяткових (HEX) значень кольору у формі: #RRGGBB, де RR (червоний), GG (зелений) та BB (синій) є шістнадцятковими значеннямивід 00 до FF (так само, як десяткове 0-255). Шістнадцяткова система, на відміну десяткової системи, базується, як випливає з її назви, на числі 16. Шістнадцяткова система використовує такі знаки: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, А, В, З, D, E, F. Тут цифри від 10 до 15 замінено латинськими літерами. Числа більше 15 у шістнадцятковій системі являють собою об'єднання двох знаків в одне значення. Наприклад, найбільшому числу 255 в десятковій системівідповідає найвище значення FF у шістнадцятковій системі. На відміну від десяткової системи, перед шістнадцятковим числомставлять решітки символ # , наприклад, #FF0000 відображається як червоний колір, оскільки червоний встановлюється у його найвище значення (FF), а решті кольорів встановлено мінімальне значення(00). Знаки після решітки символу # можна набирати як великими, так і малими. Шістнадцяткова система дозволяє використовувати скорочену форму виду #rgb, де кожен символ рівнозначний подвоєному. Так запис #f7O слід розцінювати як #ff7700.
Приклад: Колір HEX
- Спробуй сам »
червоний: #FF0000
зелений: #00FF00
синій: #0000FF
червоний: #FF0000
зелений: #00FF00
синій: #0000FF
червоний+зелений=жовтий: #FFFF00
червоний+синій=фіолетовий: #FF00FF
зелений+синій=блакитний: #00FFFF
Список широко поширених кольорів (назва, HEX та RGB):
Англійська назва | Російська назва | Зразок | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranth | Амарантовий | #E52B50 | 229 | 43 | 80 | |
Amber | Бурштиновий | #FFBF00 | 255 | 191 | 0 | |
Aqua | Синьо-зелений | #00FFFF | 0 | 255 | 255 | |
Azure | Блакитний | #007FFF | 0 | 127 | 255 | |
Black | Чорний | #000000 | 0 | 0 | 0 | |
Blue | Синій | #0000FF | 0 | 0 | 255 | |
Bondi Blue | Вода пляжу Бонді | #0095B6 | 0 | 149 | 182 | |
Brass | Латунний | #B5A642 | 181 | 166 | 66 | |
Brown | Коричневий | #964B00 | 150 | 75 | 0 | |
Cerulean | Блакитний | #007BA7 | 0 | 123 | 167 | |
Dark spring green | Темний весняно-зелений | #177245 | 23 | 114 | 69 | |
Emerald | Смарагдовий | #50C878 | 80 | 200 | 120 | |
Eggplant | Баклажановий | #990066 | 153 | 0 | 102 | |
Fuchsia | Фуксія | #FF00FF | 255 | 0 | 255 | |
Gold | Золотий | #FFD700 | 250 | 215 | 0 | |
Gray | Сірий | #808080 | 128 | 128 | 128 | |
Green | Зелений | #00FF00 | 0 | 255 | 0 | |
Indigo | Індіго | #4B0082 | 75 | 0 | 130 | |
Jade | Нефритовий | #00A86B | 0 | 168 | 107 | |
Lime | Лайм | #CCFF00 | 204 | 255 | 0 | |
Malachite | Малахітовий | #0BDA51 | 11 | 218 | 81 | |
Navy | Темно синій | #000080 | 0 | 0 | 128 | |
Ochre | Охра | #CC7722 | 204 | 119 | 34 | |
Olive | Оливковий | #808000 | 128 | 128 | 0 | |
Orange | Помаранчевий | #FFA500 | 255 | 165 | 0 | |
Peach | Персиковий | #FFE5B4 | 255 | 229 | 180 | |
Pumpkin | Гарбуз | #FF7518 | 255 | 117 | 24 | |
Purple | Фіолетовий | #800080 | 128 | 0 | 128 | |
Red | червоний | #FF0000 | 255 | 0 | 0 | |
Saffron | Шафрановий | #F4C430 | 244 | 196 | 48 | |
Sea Green | Зелене море | #2E8B57 | 46 | 139 | 87 | |
Swamp green | Болотяний | #ACB78E | 172 | 183 | 142 | |
Teal | Синьо-зелений | #008080 | 0 | 128 | 128 | |
Ultramarine | Ультрамариновий | #120A8F | 18 | 10 | 143 | |
Violet | Фіолетовий | #8B00FF | 139 | 0 | 255 | |
Yellow | Жовтий | #FFFF00 | 255 | 255 | 0 |
Коди кольорів (фон) за насиченістю та відтінком.
Для завдання кольорів використовуються числа у шістнадцятковому коді. Шістнадцяткова система, на відміну від десяткової системи, базується, як випливає з її назви, на числі 16. Цифри будуть наступні: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C , D, E, F. Цифри від 10 до 15 замінені латинськими літерами. Числа більше 15 у шістнадцятковій системі утворюються об'єднанням двох чисел в одне. Наприклад, числу 255 у десятковій системі відповідає число FF у шістнадцятковій системі. Щоб не виникало плутанини у визначенні системи числення, перед шістнадцятковим числом ставлять символ ґрат #, наприклад #666999. Кожен із трьох кольорів – червоний, зелений та синій – може приймати значення від 00 до FF. Таким чином, позначення кольору розбивається на три складові #rrggbb, де перші два символи відзначають червону компоненту кольору, два середні - зелену, а два останні - синю. Дозволяється використовувати скорочену форму #rgb, де кожен символ слід подвоювати. Так запис #fe0 слід розцінювати як #ffee00.
За назвою
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Браузери підтримують деякі кольори за їхньою назвою. У табл. 1 наведено назви, шістнадцятковий код, значення у форматі RGB, HSL та опис.
Ім'я | Колір | Код | RGB | HSL | Опис |
---|---|---|---|---|---|
white | #ffffff або #fff | rgb(255,255,255) | hsl(0,0%,100%) | Білий | |
silver | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Сірий | |
gray | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Темно-сірий | |
black | #000000 або #000 | rgb(0,0,0) | hsl(0,0%,0%) | Чорний | |
maroon | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Темно червоний | |
red | #ff0000 або #f00 | rgb(255,0,0) | hsl(0,100%,50%) | червоний | |
orange | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | Помаранчевий | |
yellow | #ffff00 або #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Жовтий | |
olive | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Оливковий | |
lime | #00ff00 або #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Світло зелений | |
green | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Зелений | |
aqua | #00ffff або #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Блакитний | |
blue | #0000ff або #00f | rgb(0,0,255) | hsl(240,100%,50%) | Синій | |
navy | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Темно синій | |
teal | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Синьо-зелений | |
fuchsia | #ff00ff або #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Рожевий | |
purple | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Фіолетовий |
За допомогою RGB
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Можна визначити колір, використовуючи значення червоної, зеленої та синьої складової у десятковому численні. Кожна з трьох компонентів кольору набуває значення від 0 до 255. Також допустимо задавати колір у відсотковому відношенні, при цьому 100% буде відповідати числу 255. Спочатку вказується ключове слово rgb , а потім у дужках, через кому вказуються компоненти кольору, наприклад rgb(255, 128, 128) або 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+ |
Формат RGBA схожий по синтаксису на RGB, але включає альфа-канал, що задає прозорість елемента. Значення 0 відповідає повній прозорості, 1 – непрозорості, а проміжне значення на кшталт 0.5 – напівпрозорості.
RGBA доданий до CSS3, тому валідацію CSS-коду треба проводити саме за цією версією. Слід зазначити, що стандарт CSS3 ще у розробці і деякі можливості у ньому можуть змінитися. Наприклад, колір у форматі RGB доданий до властивості background-color проходить валідацію, а доданий до якості background вже немає. При цьому браузери цілком коректно розуміють колір для тієї та іншої властивості.
HSL
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Назва формату HSLутворено від поєднання перших букв Hue (відтінок), Saturate (насиченість) та Lightness (світло). Відтінок це значення кольору на колірному колі(Рис. 1) і задається в градусах. 0 ° відповідає червоному кольору, 120 ° - зеленому, а 240 ° - синьому. Значення відтінку може змінюватись від 0 до 359.
Мал. 1. Колірний круг
Насиченістю називається інтенсивність кольору, що вимірюється у відсотках від 0% до 100%. Значення 0% означає відсутність кольору та відтінок сірого, 100% максимальне значеннянасиченості.
Світлона задає, наскільки колір яскравий і вказується у відсотках від 0% до 100%. Малі значення роблять колір темнішим, а високі світлішими, крайні значення 0% і 100% відповідають чорному та білому кольору.
HSLA
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Формат HSLA схожий за синтаксисом на HSL, але включає альфа-канал, що задає прозорість елемента. Значення 0 відповідає повній прозорості, 1 – непрозорості, а проміжне значення на кшталт 0.5 – напівпрозорості.
Значення кольору в форматах RGBA, HSL і HSLA додані до CSS3, тому під час використання цих форматів перевіряйте код на валідність з урахуванням версії.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Попередження
Усі перелічені на сайті методи лову лева є теоретичними та базуються на обчислювальних методах. Автори не гарантують вашої безпеки при їх використанні та знімають із себе будь-яку відповідальність за результат. Пам'ятайте, лев це хижак та небезпечна тварина!
Результат даного прикладупоказано на рис. 2.
Мал. 2. Кольори на веб-сторінці
Комп'ютерні ігри - це один із самих популярних способівцікаво провести вільний час. Занурюючись у світ відеоігри, ми забуваємо про реальних проблемі неприємностях, розслабляємось і отримуємо задоволення. А якщо це онлайн-гра або гра в мультиплеєрному режимі, тоді її головний плюс полягає в тому, що тут можна познайомитися з багатьма людьми з усіх куточків світу та знайти не просто однодумців, а й найкращих друзів. Хочете дізнатися, як налаштування гри, аж до кольору в "МТА" можуть вплинути на ваше спілкування з іншими гравцями? Читайте далі!
Особливості мультиплеєрного режиму
Чи запитували ви: як налаштовувати кольори в "МТА" або в якійсь іншій грі? Ніхто з людей, які хоч раз мали можливість пограти в онлайн-гру з великою кількістюгравців, не заперечуватиме, що перед іншими хочеться показати себе в кращому світлі. Можна похвалитися особливими, дорогими речами свого персонажа, виділитися у знанні ігрової термінології або просто налаштувати інтерфейс своєї гри так, що вона працюватиме якісніше, ніж у недосвідчених геймерів.
Кольори у "МТА" - що потрібно знати?
Якщо говорити про одну з версій мультиплеєрного режиму гри ГТА: Сан Андреас, МТА, то тут дуже важливу рольграє колір. Вміння налаштовувати для свого ніка колір в "МТА" є однією з найкращих навичок, яку варто придбати кожному гравцю-початківцю.
Отже, щоб налаштувати колір ніка, зайдіть у додаток "МТА: СА" та натисніть на опцію Settings, далі вибирайте своє ім'я, а потім прямо перед ним вводьте потрібний кодкольори. У "МТА" існує велика палітра кольорів для ніків. У статті ми вставили зразки палітр, з яких можна вибрати відтінок, що сподобався.
Тепер ви знаєте, як можна виділитися і зробити ваш нік несхожим на ніки новачків і недосвідчених гравців. Яскравий, він виділятиме вас серед звичайних геймерів і привертатиме до вас більше уваги. Приємної гри!