Код цвета светло зеленый
Коды Майнкрафт цветов , или же Майнкрафт коды форматирования, позволяют любому игроку добавлять цветы и всячески форматировать текст прямо в 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 используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 6.1 приведено соответствие десятичных и шестнадцатеричных чисел.
Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл. 6.2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.
Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. При этом регистр значения не имеет, поэтому допустимо писать #F0F0F0 или #f0f0f0.
Типичный цвет, используемый в HTML, выглядит следующим образом.
Здесь цвет фона веб-страницы задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.
FA | + | 8E | + | 47 | = | FA8E47 |
Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.
Чтобы легче ориентироваться в шестнадцатеричных цветах, примите во внимание некоторые правила.
- Если значения компонент цвета одинаковы (например: #D6D6D6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый).
- Ярко-красный цвет образуется, если красный компонент сделать максимальным (FF), а остальные компоненты обнулить. Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00FF00) и синим (#0000FF).
- Желтый цвет (#FFFF00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 6.1), где представлены основные цвета (красный, зеленый, синий) и комплементарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00FFFF) получается за счет объединения синего и зеленого цвета.
Рис. 6.1. Цветовой круг
Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 6.2 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.
Рис. 6.2. Окно для выбора цвета в программе Photoshop
Веб-цвета
Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых — красной, зеленой и синей — устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета — #33FF66.
Основная особенность веб-цвета заключается в том, что он показывается одинаково во всех браузерах. В данный момент актуальность веб-цветов весьма мала из-за повышения качества мониторов и расширения их возможностей.
Цвета по названию
Чтобы не запоминать совокупность цифр, вместо них можно использовать имена широко используемых цветов. В табл. 6.3 приведены имена популярных названий цветов.
Имя цвета | Цвет | Описание | Шестнадцатеричное значение |
---|---|---|---|
black | Черный | #000000 | |
blue | Синий | #0000FF | |
fuchsia | Светло-фиолетовый | #FF00FF | |
gray | Темно-серый | #808080 | |
green | Зеленый | #008000 | |
lime | Светло-зеленый | #00FF00 | |
maroon | Темно-красный | #800000 | |
navy | Темно-синий | #000080 | |
olive | Оливковый | #808000 | |
purple | Темно-фиолетовый | #800080 | |
red | Красный | #FF0000 | |
silver | Светло-серый | #C0C0C0 | |
teal | Сине-зеленый | #008080 | |
white | Белый | #FFFFFF | |
yellow | Желтый | #FFFF00 |
Не имеет значения, каким способом вы задаете цвет — по его имени или с помощью шестнадцатеричных чисел. По своему действию эти способы равны. В примере 6.1 показано, как установить цвет фона и текста веб-страницы.
По номеру цвета
Код цвета | Наименование | Примерный вид | Металлик | Описание |
105 | франкония | + | темно-вишнево-малиновый | |
190 | калифорнийский Мак | + | золотисто-красный | |
192 | портвейн | + | темно-вишневый | |
206 | талая вода | + | светло-серый | |
230 | жемчуг | + | серебристо-бело-молочный | |
235 | бежевый | бежевый | ||
239 | невада | + | серебристо-серо-бежевый | |
240 | белое облако | белый | ||
262 | бронзовый век | + | бежево-коричневый | |
270 | нефертити | + | серебристый-бежевый | |
281 | кристал | + | светло-серый | |
290 | южный крест | + | серо-бежевый | |
347 | золото инков | + | золотистый темно-зеленый | |
360 | сочи | + | серо-сине-зеленый | |
363 | цунами | + | темно-зеленый | |
391 | робин гуд | + | черный с изумрудно-зеленым отливом | |
412 | регата | + | серебристо-темно-синий | |
426 | мускари | + | темно-синий | |
429 | персей | + | темно-синий | |
453 | капри | + | темно-сине-зеленый | |
495 | лунный свет | + | светло-голубой | |
499 | ривьера | + | сине-фиолетовый | |
513 | черный жемчуг | + | серебристо-коричневый | |
606 | млечный путь | + | графитовый металик | |
627 | жимолость | ? | серый стальной | |
328 | ницца | + | темный сине-зеленый | |
630 | кварц | + | средне-серо -зеленый | |
633 | борнео | + | темный серебристо-серый | |
660 | альтаир | + | серебристый светло-серый | |
665 | космос | + | сине-черный | |
690 | снеж. Королева | + | серебристый | |
790 | кориандр | + | золотисто-коричневый |
По годам
Цвета ваз 2114 по годам выпуска представлены в следующей таблице
Год выпуска | Код цвета | Наименование | Примерный вид | Металлик | Описание |
2005 | 105 | франкония | + | темно-вишнево-малиновый | |
230 | жемчуг | + | серебристо-бело-молочный | ||
270 | нефертити | + | серебристый-бежевый | ||
281 | кристал | + | светло-серый | ||
347 | золото инков | + | золотистый темно-зеленый | ||
453 | капри | + | темно-сине-зеленый | ||
499 | ривьера | + | сине-фиолетовый | ||
606 | млечный путь | + | графитовый металик | ||
630 | кварц | + | средне-серо -зеленый | ||
690 | снеж. Королева | + | серебристый | ||
2006 | 206 | талая вода | + | светло-серый | |
230 | жемчуг | + | серебристо-бело-молочный | ||
270 | нефертити | + | серебристый-бежевый | ||
281 | кристал | + | светло-серый | ||
347 | золото инков | + | золотистый темно-зеленый | ||
360 | сочи | + | серо-сине-зеленый | ||
363 | цунами | + | темно-зеленый | ||
606 | млечный путь | + | графитовый металик | ||
630 | кварц | + | средне-серо-зеленый | ||
690 | снеж. Королева | + | серебристый | ||
2007 | 206 | талая вода | + | светло-серый | |
235 | бежевый | бежевый | |||
239 | невада | + | серебристо-серо-бежевый | ||
270 | нефертити | + | серебристый бежевый | ||
281 | кристал | + | светло-серый | ||
347 | золото инков | + | золотистый темно-зеленый | ||
360 | сочи | + | серо-сине-зеленый | ||
363 | цунами | + | темно-зеленый | ||
412 | регата | + | серебристо-темно-синий | ||
499 | ривьера | + | сине-фиолетовый | ||
606 | млечный путь | + | графитовый металик | ||
630 | кварц | + | средне-серо-зеленый | ||
660 | альтаир | + | серебристый светло-серый | ||
690 | снеж . Королева | + | серебристый | ||
2008 | 190 | калифорнийский Мак | + | золотисто-красный | |
239 | невада | + | серебристо-серо-бежевый | ||
262 | бронзовый век | + | бежево-коричневый | ||
281 | кристал | + | светло-серый | ||
290 | южный крест | + | серо-бежевый | ||
360 | сочи | + | серо-сине-зеленый | ||
363 | цунами | + | темно-зеленый | ||
391 | робин гуд | + | черный с изумрудно-зеленым отливом | ||
412 | регата | + | серебристо-темно-синий | ||
495 | лунный свет | + | светло-голубой | ||
513 | черный жемчуг | + | серебристо-коричневый | ||
606 | млечный путь | + | графитовый металик | ||
630 | кварц | + | средне-серо-зеленый | ||
690 | снеж . Королева | + | серебристый | ||
2009 | 190 | калифорнийский Мак | + | золотисто-красный | |
240 | белое облако | белый | |||
360 | сочи | + | серо-сине-зеленый | ||
391 | робин гуд | + | чёрный с изумрудно-зеленым отливом | ||
495 | лунный свет | + | светло-голубой | ||
606 | млечный путь | + | графитовый металик | ||
630 | кварц | + | средне-серо-зеленый | ||
690 | снеж. Королева | + | серебристый | ||
2010 | 192 | портвейн | + | темно-вишневый | |
240 | белое облако | белый | |||
360 | сочи | + | серо-сине-зеленый | ||
391 | робин гуд | + | чёрный с изумрудно-зеленым отливом | ||
426 | мускари | + | темно-синий | ||
630 | кварц | + | средне-серо-зеленый | ||
665 | космос | + | сине-черный | ||
690 | снеж. Королева | + | серебристый | ||
2011 | 192 | портвейн | + | темно-вишневый | |
240 | белое облако | белый | |||
360 | сочи | + | серо-сине-зеленый | ||
429 | персей | + | темно-синий | ||
627 | жимолость | ? | серый стальной | ||
630 | кварц | + | средне-серо-зеленый | ||
665 | космос | + | сине-черный | ||
690 | снеж. Королева | + | серебристый | ||
2012 | 192 | портвейн | + | темно-вишневый | |
240 | белое облако | белый | |||
328 | ницца | + | темный сине-зеленый | ||
360 | сочи | + | серо-сине-зеленый | ||
426 | мускари | + | темно-синий | ||
429 | персей | + | темно-синий | ||
627 | жимолость | ? | серый стальной | ||
630 | кварц | + | средне-серо-зеленый | ||
665 | космос | + | сине-черный | ||
690 | снеж . Королева | + | серебристый | ||
2013 | 192 | портвейн | + | темно-вишневый | |
240 | белое облако | белый | |||
328 | ницца | + | темный сине-зеленый | ||
429 | персей | + | темно-синий | ||
630 | кварц | + | средне-серо-зелеый | ||
633 | борнео | + | темный серебристо-серый | ||
665 | космос | + | сине-черный | ||
690 | снеж. Королева | + | серебристый | ||
790 | кориандр | + | золотисто-коричневый |
Установка цвета для текста в CSS. Способы представления цветов
В первой части книги, в некоторых примерах мы уже демонстрировали, как установить цвет текста в CSS. Здесь нет ничего сложного: вам понадобится свойство color и значение того цвета, которым вы желаете окрасить текст.
В нашем примере значение #211C18 означает шестнадцатеричный код цвета. Если вы уже знакомы с шестнадцатеричной системой счисления, то можете пропустить чтение следующего абзаца. Также далее мы расскажем о других способах представления цветов в веб – с помощью цветовых моделей (RGB, HSL) и ключевых слов. Эта информация будет полезна новичкам и рекомендуется к прочтению.
Шестнадцатеричные цвета (hex)
Шестнадцатеричная система счисления (hexadecimal, hex) основывается на числе 16. Для записи шестнадцатеричного значения используется 16 символов: арабские цифры от 0 до 9 и первые буквы латинского алфавита (A, B, C, D, E, F). Цвет в шестнадцатеричном формате записывается в виде трех двузначных чисел от 00 до FF (перед ними обязательно ставится символ решетки #), что соответствует трем компонентам: Red, Green, Blue (цветовая модель RGB). Иными словами, запись цвета можно представить как #RRGGBB , где первая пара символов определяет уровень красного, вторая – уровень зеленого, третья – уровень синего цвета. Результирующий цвет является сочетанием этих трех цветов.
Сокращенная запись hex-цветов
Некоторые шестнадцатеричные значения цветов можно записать сокращенно. Для этого следует превратить запись вида #RRGGBB в #RGB . Это можно сделать в том случае, когда в hex-числе имеется три пары одинаковых символов.
Сокращенная форма записи встречается довольно часто, и для вашего ознакомления мы приведем несколько примеров сокращений. К слову, hex-значения цветов не чувствительны к регистру – вы можете использовать как прописные, так и строчные буквы, всё зависит от вашего желания и вкуса.
Примеры сокращенной записи hex-цветов:
HEX-код | Сокращенная запись |
---|---|
#FFDD66 | #FD6 |
#8833FF | #83F |
#333333 | #333 |
#cccccc | #ccc |
Цветовая модель RGB
Второй способ указания цвета в CSS – использовать десятичные значения RGB (Red, Blue, Green). Для этого необходимо записать после свойства color ключевое слово rgb , а затем в скобках и через запятую – три числа в диапазоне от 0 до 255, каждое из которых означает интенсивность красного, зеленого и синего цветов (r, g, b). Чем больше число, тем более интенсивен цвет. К примеру, чтобы получить ярко-зеленый цвет, нужно записать:
А вот желтовато-горчичный оттенок имеет такое значение:
Значение черного цвета записывается как (0, 0, 0) , а белого – (255, 255, 255) . Также допускается указывать эти значения в процентах. Так, число 255 соответствует 100%, следовательно, белый цвет можно задать следующим образом:
Где искать значения цветов
Возможно, у вас возник вопрос: откуда же брать все эти значения цветов? Существует множество графических редакторов и онлайн-сервисов, с помощью которых можно подбирать цвета и строить цветовые схемы. Одна из наиболее популярных программ, в которой можно выбрать подходящий цвет и получить его значение RGB, hex и не только – Adobe Photoshop. В качестве альтернативы есть специальные сайты, на которых можно легко подобрать не только цвет, но и целую цветовую схему. Отличный пример – сервис Adobe Color CC.
Цветовая модель RGBA
Задать цвет в формате RGBA можно почти так же, как и в RGB. Отличие RGBA от RGB заключается в наличии альфа-канала, который отвечает за прозрачность цвета. Задается прозрачность с помощью числа в диапазоне от 0 до 1, где 0 соответствует полной прозрачности, а 1 , наоборот, означает полную непрозрачность. Промежуточные значения вроде 0.5 позволяют задать полупрозрачный вид (допускается сокращенная запись, без нуля, но с точкой – .5 ). Например, чтобы сделать текст цветным и слегка прозрачным, нужно записать после свойства color ключевое слово rgba и значение цвета:
Минусом RGBA является то, что его не поддерживает браузер Internet Explorer версии 8 и ранее. Специально для IE8 можно применить следующее решение:
Первое свойство в примере предназначено для браузера IE8, который отобразит текст нужным цветом, но без прозрачности. А те браузеры, которые понимают RGBA, применят к элементу второе свойство, с прозрачностью.
Цветовые модели HSL (HSLA)
Задавать цвет в CSS можно также с помощью координат цветовой модели HSL (Hue, Saturation, Lightness – тон, насыщенность, светлота). Записывается это так:
Первое число в скобках означает тон (hue) и задается в градусах (диапазон чисел от 0 до 359). Вам будет легко понять, почему используются именно градусы, если вы вспомните, как выглядит цветовой круг:
Второе и третье числа в скобках означают насыщенность (saturation) и светлоту (lightness) соответственно. Их значения устанавливаются в процентах от 0 до 100. Чем ниже значение насыщенности, тем более приглушенным становится цвет. Значение saturation, равное нулю, приведет к серому цвету, при этом неважно, какое значение имеет hue. С помощью значения lightness (светлота) можно указать яркость цвета. Низкие значения приводят к темным оттенкам цвета, высокие – к светлым. Значение 100% для lightness означает белый цвет, 0% – черный.
Цветовая модель HSLA работает почти так же, как и HSL, но в ней, аналогично с RGBA, есть альфа-канал, с помощью которого можно задавать прозрачность цвета, указывая необходимое значение в диапазоне от 0 до 1:
HSL и HSLA поддерживаются всеми браузерами, кроме Internet Explorer версии 8 и ранее.
Стандартные цвета HTML
Еще один способ представления цветов в веб – это ключевые слова, при помощи которых можно указать цвет для элемента. Пример:
Существует 16 стандартных цветов, которые можно записать в значении свойства color :
Ключевое слово цвета | HEX-код | RGB |
---|---|---|
red | #FF0000 | 255, 0, 0 |
maroon | #800000 | 128, 0, 0 |
yellow | #FFFF00 | 255, 255, 0 |
olive | #808000 | 128, 128, 0 |
lime | #00FF00 | 0, 255, 0 |
green | #008000 | 0, 128, 0 |
aqua | #00FFFF | 0, 255, 255 |
teal | #008080 | 0, 128, 128 |
blue | #0000FF | 0, 0, 255 |
navy | #000080 | 0, 0, 128 |
fuchsia | #FF00FF | 255, 0, 255 |
purple | #800080 | 128, 0, 128 |
white | #FFFFFF | 255, 255, 255 |
silver | #C0C0C0 | 192, 192, 192 |
gray | #808080 | 128, 128, 128 |
black | #000000 | 0, 0, 0 |
Эти цвета поддерживают все браузеры. Кроме них есть еще порядка 130 дополнительных ключевых слов для различных оттенков цветов. Полную таблицу этих цветов можно увидеть в справочнике W3C.
Использование таких ключевых слов допустимо, но есть риск, что какое-нибудь слово не воспримется браузером. Поэтому рекомендуется вместо ключевых слов записывать шестнадцатеричный код цвета.
Итоги
В CSS цвет текста задается с помощью свойства color , а его значение можно записать несколькими способами – в шестнадцатеричном (hex) виде, в формате RGB или HSL либо указав ключевое слово. Во избежание неправильного отображения цвета, заданного при помощи ключевого слова, лучше указывать его hex-значение.
Также есть возможность задать элементу прозрачность с помощью альфа-канала (форматы RGBA и HSLA). При этом стоит учитывать, что браузер IE8 и его ранние версии не поддерживают форматы RGBA, HSL и HSLA.
Далее в книге вы узнаете, как задать размер шрифта CSS.
Короткий шестнадцатеричный код цвета — это более короткая форма шестизначной нотации. В этом формате каждая цифра повторяется, чтобы получить эквивалентное шестизначное значение цвета. Например: #0F0 становится #00FF00.
Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.
Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.
Пепельный цвет код. Цвет в стилях можно задавать разными способами: по шестнадцатеричному значению, по названию, в формате RGB, RGBA, HSL, HSLA
Читайте также
В HTML цвет задается одним из двух путей: с помощью шестнадцатеричного кода и по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный.
Шестнадцатеричные цвета
Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 6.1 приведено соответствие десятичных и шестнадцатеричных чисел.
Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл. 6.2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.
Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. При этом регистр значения не имеет, поэтому допустимо писать #F0F0F0 или #f0f0f0.
Типичный цвет, используемый в HTML, выглядит следующим образом.
Здесь цвет фона веб-страницы задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.
FA | + | 8E | + | 47 | = | FA8E47 |
Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.
Чтобы легче ориентироваться в шестнадцатеричных цветах, примите во внимание некоторые правила.
- Если значения компонент цвета одинаковы (например: #D6D6D6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый).
- Ярко-красный цвет образуется, если красный компонент сделать максимальным (FF), а остальные компоненты обнулить. Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00FF00) и синим (#0000FF).
- Желтый цвет (#FFFF00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 6.1), где представлены основные цвета (красный, зеленый, синий) и комплементарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00FFFF) получается за счет объединения синего и зеленого цвета.
Рис. 6.1. Цветовой круг
Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 6.2 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.
Рис. 6.2. Окно для выбора цвета в программе Photoshop
Веб-цвета
Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых — красной, зеленой и синей — устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета — #33FF66.
Основная особенность веб-цвета заключается в том, что он показывается одинаково во всех браузерах. В данный момент актуальность веб-цветов весьма мала из-за повышения качества мониторов и расширения их возможностей.
Цвета по названию
Чтобы не запоминать совокупность цифр, вместо них можно использовать имена широко используемых цветов. В табл. 6.3 приведены имена популярных названий цветов.
Имя цвета | Цвет | Описание | Шестнадцатеричное значение |
---|---|---|---|
black | Черный | #000000 | |
blue | Синий | #0000FF | |
fuchsia | Светло-фиолетовый | #FF00FF | |
gray | Темно-серый | #808080 | |
green | Зеленый | #008000 | |
lime | Светло-зеленый | #00FF00 | |
maroon | Темно-красный | #800000 | |
navy | Темно-синий | #000080 | |
olive | Оливковый | #808000 | |
purple | Темно-фиолетовый | #800080 | |
red | Красный | #FF0000 | |
silver | Светло-серый | #C0C0C0 | |
teal | Сине-зеленый | #008080 | |
white | Белый | #FFFFFF | |
yellow | Желтый | #FFFF00 |
Не имеет значения, каким способом вы задаете цвет — по его имени или с помощью шестнадцатеричных чисел. По своему действию эти способы равны. В примере 6.1 показано, как установить цвет фона и текста веб-страницы.
[Meriva-B] Цвет вашей «Меривы»
- Ответить
#201 bsn-s
Опелевод со стажем

- Город: Россия, город Саратов
- Автомобиль: Opel Meriva B, 2013, A14XER, Active (ACTIVE+ACTIVE Comfort), Peperdust
- @Упоминание
Автомобиль продан.
- Наверх
- Ответить
- Цитата
#202 Сержпитер
Опелевод со стажем

- Город: Санкт-Петербург
- Автомобиль: Skoda Octavia mk4
.
- @Упоминание
- Наверх
- Ответить
- Цитата
#203 bsn-s
Опелевод со стажем

- Город: Россия, город Саратов
- Автомобиль: Opel Meriva B, 2013, A14XER, Active (ACTIVE+ACTIVE Comfort), Peperdust
- @Упоминание
Автомобиль продан.
- Наверх
- Ответить
- Цитата
#204 K S M

- Город: Мценск
- Интересы: Разные
- Автомобиль: Meriva B 2013 1,4NEL AT6 DE Navi600 Casablanca White&Carbon Flash
- @Упоминание
- Наверх
- Ответить
- Цитата
#205 bsn-s
Опелевод со стажем

- Город: Россия, город Саратов
- Автомобиль: Opel Meriva B, 2013, A14XER, Active (ACTIVE+ACTIVE Comfort), Peperdust
- @Упоминание
Автомобиль продан.
- Наверх
- Ответить
- Цитата
#206 Gvo
Опелевод со стажем





- Город: Краснодар
- Интересы: автомобили, книги, путешествия.
- Автомобиль: Opel Meriva B 1,4 TURBO MT, climate control, Cosmo, AFL, Casablanca White
- @Упоминание
Сообщение отредактировал Gvo: 06 Июль 2015 — 08:07
- Наверх
- Ответить
- Цитата
#207 K S M

- Город: Мценск
- Интересы: Разные
- Автомобиль: Meriva B 2013 1,4NEL AT6 DE Navi600 Casablanca White&Carbon Flash
- @Упоминание
Сообщение отредактировал K S M: 06 Июль 2015 — 10:47
- Наверх
- Ответить
- Цитата
#208 Victor-



- Город: Москва
- Автомобиль: Meriva B 1.4 AT Cosmo 2014
- @Упоминание
Сообщение отредактировал Victor-: 08 Октябрь 2015 — 23:09
- Наверх
- Ответить
- Цитата
#209 Graver
Опелевод со стажем

- Город: Москва
- Автомобиль: Meriva B cosmo AT6 A17DT(LUB) CD400
- @Упоминание
Если ВАМ нужны подробные ответы на ВАШИ вопросы — заполните свой профиль!
Opcom, Delphi DS150.
- Наверх
- Ответить
- Цитата
#210 ink_nn


- Город: Нижний Новгород
- Автомобиль: Opel Meriva B 1.4 XER
- @Упоминание
- Наверх
- Ответить
- Цитата
#211 bsn-s
Опелевод со стажем

- Город: Россия, город Саратов
- Автомобиль: Opel Meriva B, 2013, A14XER, Active (ACTIVE+ACTIVE Comfort), Peperdust
- @Упоминание
- Амбр сказал за это спасибо
Автомобиль продан.
- Наверх
- Ответить
- Цитата
#212 Максим 74



- Город: Челябинск
- Автомобиль: Opel Meriva 1.4 Turbo AT Design Edition 2014 г.в.
- @Упоминание
Цвет моей меривки — Limelight Green (Brimstone Solid) & Carbon Flash (Светло-зеленый и черный)
- Наверх
- Ответить
- Цитата
#213 Budnyi


- Город: Краснодар
- Автомобиль: Meriva B (A14NET) LPG, MT6, Design Edition, Limelight Green & Carbon Flash
- @Упоминание
Ребят подскажите пожалуйста номер для заказа оригинального подкрашивающего средства
- GN6, WA186X, 186X, G6T, OP41K, 41K, L41K, L-41K, 78T, G6Y, 11517, G6T, G6Y, 454B, WA454B, WA-454B. Название цвета краски — Limelight Green
Моя Meriva на Drive2.ru
- Наверх
- Ответить
- Цитата
#214 aek1977



- Город: Пенза
- Автомобиль: Opel Meriva B Design Edition 2013 B 1,4 NEL Turbo 120 hp AT-6 CD400
- @Упоминание
@Budnyi, код краски G6Y — Limelight Green (Brimstone Solid) & Carbon Flash (Светло-зеленый и черный).
Сообщение отредактировал aek1977: 11 Апрель 2018 — 18:04
Opel Meriva B, Design Edition, 2013, B 1.4 NEL Turbo, 120 л.с., AT-6,
Casablanca White & Carbon Flash
- Наверх
- Ответить
- Цитата
#215 Budnyi


- Город: Краснодар
- Автомобиль: Meriva B (A14NET) LPG, MT6, Design Edition, Limelight Green & Carbon Flash
- @Упоминание
Это замечательно, но я все никак не могу найти код для заказа подкраски ((
Моя Meriva на Drive2.ru
- Наверх
- Ответить
- Цитата
#216 Mike93
Опелевод со стажем

- Город: почти Samara
- Автомобиль: Meriva 1.4NET
- @Упоминание
На своей Casablanca White обнаружил на пороге скол краски размером 3х4 мм и еще 2 царапины на бампере. Где лучше искать ремонтную краску, поделитесь .
Сообщение отредактировал Mike93: 30 Апрель 2018 — 12:35
- Наверх
- Ответить
- Цитата
#217 Mike93
Опелевод со стажем

- Город: почти Samara
- Автомобиль: Meriva 1.4NET
- @Упоминание
На своей Casablanca White обнаружил на пороге скол краски размером 3х4 мм и еще 2 царапины на бампере. Где лучше искать ремонтную краску, поделитесь .
Заказать можно, но срок 30-90 дней. Может, кто знает, где можно найти быстрее. интернет почти ничего не дает.
- Наверх
- Ответить
- Цитата
#218 Игорь496



- Город: Ставропольский край
- Автомобиль: Opel Meriva B 2011 A14NET MT6 Cosmo Technical Grey CD500
- @Упоминание
Может что-нибудь подберете для себя, там есть и аэрозольная краска и подкраска для сколов, и краска в банках различной емкости.
Честно скажу, я сам ничего тут не заказывал, поэтому не знаю насколько точно подходит цвет, в крайнем случае можно с ними связаться и все уточнить.
- Mike93 сказал за это спасибо
- Наверх
- Ответить
- Цитата
#219 Mike93
Опелевод со стажем

- Город: почти Samara
- Автомобиль: Meriva 1.4NET
- @Упоминание
Особенности зеленого цвета, кому подходит
Зеленый цвет напоминает о весне и лете, пышной растительности, первых ростках и всходах, ярких красках природы. Его называют самым благоприятным тоном, поскольку он не раздражает глаза и несет положительную энергетику. Зеленый считается цветом оптимистов и уверенных в себе людей.
Чтобы получить оттенок, нужно смешать желтый и синий тона. Зеленый вобрал в себя положительные качества обоих цветов — бодрит, придает радость, при этом умиротворяет.
Коричневый цвет: психология, модные сочетания в одежде
Существует около 370 оттенков зеленого. Самые запоминающиеся из них:
- салатовый и бирюзовый;
- фисташковый и аквамарин;
- оливковый и мятный;
- хвойный и изумрудный;
- шартрез.
Зеленый производит расслабляющий эффект. Кроме того, оттенок помогает сосредоточиться на поставленных задачах.
Зеленый цвет означает надежность, уверенность, процветание и гармонию. Также символизирует безопасность, жизнь и пробуждение.
Повседневный образ с зеленым свитером: YouTube/Maks Fadeev
Зеленый цвет подойдет любой женщине, поскольку имеет массу оттенков. Остается лишь правильно подобрать тон. Есть и теплые, и холодные. Учитывайте это, а также свой цветотип, выбирая наряд.
Зима и лето
Девушкам с цветотипами лето и зима подойдут холодные оттенки зеленого. Однако если хочется носить теплые тона цвета, то используйте их только в нижней части костюма — выбирайте юбки, брюки, сумки и обувь. Для верхней части идеальны мятный и капустный.
Бирюзовый цвет: значение, модные сочетания
Если хотите сделать образ ярким, присмотритесь к цвету сочной травы, хвои и бутылочно-зеленому. Подойдет и изумрудный. Зимние дамы могут использовать его без ограничений, а летним лучше ограничиться аксессуарами в зеленых оттенках.
Весна и осень
Представительницам цветотипов осень и весна стоит присмотреться к фисташковому и болотному. Весенние леди могут выбирать яркий салатовый и лаймовый. Цветотипу осень к лицу тона потемнее — цвет мха, зелено-коричневый.
Кроме того, существует и нейтральные оттенки, которые подойдут всем девушкам. Чтобы не испортить образ, выбирайте цвет зеленого яблока.
Как ухаживать за волосами после окрашивания?
Чтобы новый каштановый цвет волос после окрашивания продержался как можно дольше и не потускнел, не ленитесь использовать дополнительные уходовые средства.
Гамма Elseve «Эксперт цвета», L’Oréal Paris
Шампунь, бальзам-кондиционер, маска и несмываемый уход помогут вашим волосам оставаться мягкими, блестящими и живыми. Кроме того, стойкость окрашивания значительно увеличивается. Еще один бонус: масло льна в составе обеспечивает эффект ламинирования.
Маска для волос Botanicals, L’Oréal Paris
Если вы заметили, что ваши волосы стали тусклыми, маска с экстрактом герани вернет им былую свежесть и блеск . А еще серия Botanicals точно понравится экоактивистам: формулы средств не содержат силиконов и парабенов, а упаковка полностью состоит из переработанных материалов.
- 1
- 1
- Редакция Makeup.ru 4 декабря, 21:34 А какой у вас цветотип?
Лето круглый год: как добиться эффекта выгоревших волос? Всем известно, что красивые и необычные сочетания оттенков нам часто дарит сама природа. Так и с эффектом выгоревших на солнце волос: девушки давно оценили его привлекательность и просят колористов его повторить. Выясним, как можно добиться желаемого результата
Контраст без контраста: делаем сложное окрашивание темных волос Думаете, что блондинкам экспериментировать с цветом волос проще, чем брюнеткам? Когда-то, пожалуй, так и было, но технологии не стоят на месте, и сейчас у темноволосых девушек возможностей ничуть не меньше — даже в том, что касается сложного окрашивания
Рыжий цвет волос: идеи окрашивания Какой образ вам ближе: блондинки или брюнетки? Если вы не можете определиться, но любите эксперименты, добавьте третью опцию — огненно-рыжие волосы. Это вариант для яркого, но в то же время естественного преображения. Аргументы в пользу такого выбора вы найдете в нашем материале
Непростое украшение: как контуринг волос преображает лицо? При помощи макияжа визажисты совершают самые разные чудеса: визуально сужают лицо, поднимают скулы и увеличивают глаза. А чем хуже парикмахеры и колористы? Они тоже на многое способны — придумали, к примеру, контуринг волос. Это комплекс процедур, о которых стоит рассказать подробнее