Trm-parking.ru

ТРМ Паркинг
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Названия, HEX и RGB коды цветов в HTML

Названия, HEX и RGB коды цветов в HTML

На данной страничке располагается таблица, в которой представлены примеры основных цветов, используемых в языке гипертекстовой разметки HTML (и в PHP следовательно тоже), а так же их RGB коды, HEX коды и названия, как на русском, так и на английском языках.

ЦветRGB кодHEX кодНазвание цветаНазвание цвета на англ.
000000000#000000ЧерныйBlack
000000128#000080Темно-синийNavy
000000139#00008bТемно-голубойDarkblue
000000205#0000cdУмеренно-голубойMediumblue
000000255#0000ffСинийBlue
000100000#006400Темно-зеленыйDarkgreen
000128000#008000ЗеленыйGreen
000128128#008080ЧайныйTeal
000139139#008b8bТемный цианDarkcyan
000191255#00bfffТемный небесно-синийDeepskyblue
000206209#00ced1Темно-бирюзовыйDarkturquoise
000250154#00fa9aУмеренный синевато-серыйMediumspringgreen
000255000#00ff00ИзвестковыйLime
000255127#00ff7fВесенний зеленыйSpringgreen
000255255#00ffffМорской волныAqua
025025112#191970Ночной синийMidnightblue
030144255#1e90ffТускло-васильковыйDodgerblue
032178170#20b2aaСветлой морской волныLightseagreen
034139034#228b22Лесной зеленыйForestgreen
046139087#2e8b57Морской зеленыйSeagreen
047079079#2f4f4fТемный синевато-серыйDarkslategray
050205050#32cd32Зеленовато-известковыйLimegreen
060179113#3cb371Умеренной морской волныMediumseagreen
064224208#40e0d0БирюзовыйTurquoise
065105225#4169e1Королевский голубойRoyalblue
070130180#4682b4Голубовато-стальнойSteelblue
072061139#483d8bТемный серовато-синийDarkslateblue
072209204#48d1ccУмеренно-бирюзовыйMediumturquoise
075000130#4b0082ИндигоIndigo
085107047#556b2fТемно-оливковыйDarkolivegreen
095158160#5f9ea0Блеклый серо-голубойCadetblue
100149237#6495edВасильковыйCornflowerblue
102205170#66cdaaУмеренно-аквамариновыйMediumaaquamarine
105105105#696969Тускло-серыйDimgray
106090205#6a5acdСеровато-синийSlateblue
107142035#6b8e23Тускло-коричневыйOlivedrab
112128144#708090Синевато-серыйSlategray
119136153#778899Светлый синевато-серыйLightslategray
123104238#7b68eeУмеренный серовато-синийMediumslateblue
124252000#7cfc00Зеленой травыLawngreen
127255000#7fff00ФисташковыйChartreuse
127255212#7fffd4АквамаринAquamarine
128000000#800000Оранжево-розовыйMaroon
128000128#800080ПурпурныйPurple
128128000#808000ОливковыйOlive
128128128#808080СерыйGray
135206235#87ceebНебесно-голубойSkyblue
135206250#87cefaСветлый небесно-синийLightskyblue
138043226#8a2be2Светло-фиолетовыйBlueviolet
139000000#8b0000Темно-красныйDarkred
139000139#8b008bТемный фуксинDarkmagenta
139069019#8b4513Старой кожиSaddlebrown
143188143#8fbc8fТемный морской волныDarkseagreen
147112219#9370dbУмеренно-пурпурныйMediumpurple
148000211#9400d3Темно-фиолетовыйDarkviolet
152251152#98fb98Бледно-зеленыйPalegreen
153050204#9932ccТемно-орхидейныйDarkorchid
154205050#9acd32Желто-зеленыйYellowgreen
156238144#9cee90Светло-зеленыйLightgreen
160082045#a0522dОхраSienna
165042042#a52a2aКоричневыйBrown
169169169#a9a9a9Темно-серыйDarkgray
173216230#add8e6Светло-голубойLightblue
173255047#adff2fЖелто-зеленыйGreenyellow
175238238#afeeeeБледно-бирюзовыйPaleturquise
176196222#b0c4deСветло-стальнойLightsteelblue
176224230#b0e0e6Туманно-голубойPowderblue
178034034#b22222Огнеупорного кирпичаFirebrick
184134011#b8860bТемный красно-золотойDarkgoldenrod
186085211#ba55d3Умеренно-орхидейныйMediumorchid
188143143#bc8f8fРозово-коричневыйRosybrown
189183107#bdb76bТемный хакиDarkkhaki
192192192#c0c0c0СеребристыйSilver
199021133#c71585Умеренный красно-фиолетовыйMediumvioletred
205092092#cd5c5cЯрко-красныйIndianred
205133063#cd853fКоричневыйPeru
210105030#d2691eШоколадныйChocolate
210180140#d2b48cЖелтовато-коричневыйTan
211211211#d3d3d3Светло-серыйLightgray
216191216#d8bfd8ЧертополохаThistle
218112214#da70d6ОрхидейныйOrchid
218165032#daa520Красного золотаGoldenrod
219112147#db7093Бледный красно-фиолетовыйPlaevioletred
220020060#dc143cМалиновыйCrimson
220220220#dcdcdcСветлый серо-фиолетовыйFainsboro
221160221#dda0ddСливовыйPlum
222184135#deb887Старого дереваBurlywood
224255255#e0ffffСветлый цианLightcyan
230230250#e6e6faБледно-лиловыйLavender
233150122#e9967aТемный оранжево-розовыйDarksalmon
238130238#ee82eeФиолетовыйViolet
238232170#eee8aaБледно-золотойPalegoldenrod
240128128#f08080Светло-коралловыйLightcoral
240230140#f0e68cХакиKhaki
240248255#f0f8ffБлекло-голубойAliceblue
240255240#f0fff0Свежего медаHoneydew
240255255#f0ffffЛазурьAzure
244164096#f4a460Рыже-коричневыйSandybrown
245222179#f5deb3ПшеничныйWheat
245245220#f5f5dcБежевыйBeige
245245245#f5f5f5Белый дымчатыйWhitesmoke
245255250#f5fffaМятно-кремовыйMintcream
248248255#f8f8ffТуманно-белыйGhostwhite
250128114#fa8072Оранжево-розовыйSalmon
250235215#faebd7Античный белыйAntuquewhite
250240230#faf0e6ЛьнянойLinen
253245230#fdf5e6Старого коньякаOldlace
255000255#ff00ffФуксияFuchsia
255020147#ff1493Темно-розовыйDeeppink
255069000#ff4500Красно-оранжевыйOrangered
255099071#ff6347ТоматныйTomato
255105180#ff69b4Ярко-розовыйHotpink
255127080#ff7f50КоралловыйCoral
255140000#ff8c00Темно-оранжевыйDarkorange
255160122#ffa07aСветлый оранжево-розовыйLightsalmon
255165000#ffa500ОранжевыйOrange
255182193#ffb6c1Светло-розовыйLightpink
255192203#ffc0cbРозовыйPink
255215000#ffd700ЗолотойGold
255218185#ffdab9ПерсиковыйPeachpuff
255222173#ffdeadГрязно-серыйNavajowhite
255228181#ffe4b5БолотныйMoccasin
255228196#ffe4c4БисквитныйBisque
255228225#ffe4e1Туманно-розовыйMistyrose
255235205#ffebcdСветло-кремовыйBlanchedalmond
255239213#ffefd5ДыниPapayaawhip
255240245#fff0f5Бледный розово-лиловыйLavenderblush
255245238#fff5eeМорской пеныSeashell
255248220#fff8dcБледно-желтыйCornsilk
255250205#fffacdЛимонныйLemonchiffon
255250240#fffaf0Цветочно-белыйFloralwhite
255250250#fffafaСнежныйSnow
255255000#ffff00ЖелтыйYellow
255255224#ffffe0Светло-желтыйLightyellow
255255240#fffff0Слоновой костиIvory
255255255#ffffffБелыйWhite

Хотим заметить, что в HTML допускается использование как HEX кода, так и эквивалента на английском языке. Другими словами для придания тексту цвета Индиго можно использовать код Ваш текст , либо Ваш текст , результат будет одинаковый.

Установка цвета для текста в 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#FF0000255, 0, 0
maroon#800000128, 0, 0
yellow#FFFF00255, 255, 0
olive#808000128, 128, 0
lime#00FF000, 255, 0
green#0080000, 128, 0
aqua#00FFFF0, 255, 255
teal#0080800, 128, 128
blue#0000FF0, 0, 255
navy#0000800, 0, 128
fuchsia#FF00FF255, 0, 255
purple#800080128, 0, 128
white#FFFFFF255, 255, 255
silver#C0C0C0192, 192, 192
gray#808080128, 128, 128
black#0000000, 0, 0

Эти цвета поддерживают все браузеры. Кроме них есть еще порядка 130 дополнительных ключевых слов для различных оттенков цветов. Полную таблицу этих цветов можно увидеть в справочнике W3C.

Использование таких ключевых слов допустимо, но есть риск, что какое-нибудь слово не воспримется браузером. Поэтому рекомендуется вместо ключевых слов записывать шестнадцатеричный код цвета.

Итоги

В CSS цвет текста задается с помощью свойства color , а его значение можно записать несколькими способами – в шестнадцатеричном (hex) виде, в формате RGB или HSL либо указав ключевое слово. Во избежание неправильного отображения цвета, заданного при помощи ключевого слова, лучше указывать его hex-значение.

Также есть возможность задать элементу прозрачность с помощью альфа-канала (форматы RGBA и HSLA). При этом стоит учитывать, что браузер IE8 и его ранние версии не поддерживают форматы RGBA, HSL и HSLA.

Далее в книге вы узнаете, как задать размер шрифта CSS.

Код цвета ярко зеленый

Эта тема, наверное, настолько важна, что ради того, чтобы между всеми сторонами — типографиями, дизайнерами и заказчиками восторжествовал мир, открыли целую компанию, которая создает цвета по номерам. Выбирайте и пользуйтесь, но гармонии по-прежнему нет, потому что не Пантоном единым можно и нужно печатать. А сколько иллюстраций изначально создается в RGB, и потом все думают, как с этим бороться, как перевести грамотно в CMYK и желательно в один клик. В этой статье вы не найдете однозначное решение всех проблем с цветом, но будете знать направление, а истинный путь для каждого макета все же свой.

Главное правильно начать.

Это значит, что не зависимо от того, в каком редакторе вы работаете, для печати создавайте макеты изначально в CMYK с разрешением 300 dpi. Суммарное количество краски не должно превышать 300%, иначе «слипнется». Черный не станет чернее, если везде выставить 100% и общее количество краски будет 400%.

Все иллюстрации обрабатывайте перед тем, как вставить в макет. Многим нужна цветокоррекция, а не просто перевод с RGB в CMYK.

Для выбора цвета лучше использовать панель Color вместо простого Color Picker, потому что в CMYK важно процентное соотношение цветов, а не то, что вы выбрали на мониторе. Для получения красивой картинки подойдут любые инструменты, но, если нужен определенный цвет, важно соотношение основных 4-х красок.

Самый сочный цвет получается, если одной из красок 100%. Используя несколько красок, можно добиться необычных цветов, в чистом виде краски используют редко. Излишки черной краски делают светлые оттенки грязными, как будто «серая пелена». Циан делает все темнее. Для получения красивого цвета достаточно и трех красок (черный добавляйте по необходимости).

Примеры цветов и соотношения красок:

Все уже знают, что текст должен быть в 1 краску — C0% M0% Y0% K100%, но для плашки с глубоким черным нужно другое соотношение: от C40% M40% Y40% K100% до C70% M60% Y60% K100%, главное, чтобы черный всегда оставался 100%. Для разных типографий соотношение может немного отличаться. Например, у нас принято так — C60% M60% Y40% K100% (проверено много раз).

C0% M100% Y100% K0% — в такой пропорции получается самый яркий

C0% M90% Y100% K0% — алый

C30% M100% Y100% K30% — бордовый

Это не мешает вам смешивать по-другому.

  • Оранжевый – сложный для CMYK, так как невозможно получить достаточно сочный цвет. Чтобы не уйти в другой цвет, желтый всегда должен оставаться 100%.

C0% M60% Y100% K0% — оранжевый классический

C0% M40% Y100% K0% — желто-оранжевый

C0% M40% Y30% K0% — коралловый (пожалуй Pantone лучше, но на вкус и цвет…)

  • Зеленый – истинный зеленый это C100% M0% Y100% K0%.

C50% M0% Y100% K0% — салатовый (поменяйте 50 и 100 местами и зеленый будет с синим оттенком)

C60% M50% Y100% K0% — оливковый

C100% M30% Y100% K30% — благородный темно-зеленый

  • Синий – пожалуй самый капризный цвет.

Думаю, заказчики всегда хотят такой C100% M50% Y0% K0% — стандартный синий, но получают такой — C100% M100% Y0% K0% — фиолетовый (на мониторе он похож на глубокий синий).

Есть еще темно-синий — C100% M60% Y0% K30%. А бирюзовый выглядит так – C70% M0% Y25% K0%. Создайте свой оттенок.

Истинный фиолетовый, он же пурпурный C50% M100% Y0% K0%, сиреневый (лавандовый) C50% M50% Y0% K0% (немного менее насыщенный, чем фиолетовый с примера двойника синего).

Не знаете, как выглядит золотой в CMYK? А вот так – C30% M30% Y100% K5%, пожалуй, Pantone будет больше похожим на золото.

Как вы поняли, подбирать краски для печати – это не только творческий, но и логический процесс, и только с опытом можно прочувствовать всю суть и с легкостью создавать нужные оттенки.

Сделали все по правилам, но все еще не уверены, что на печати будет хорошо?

Заказывайте цветопробу, если действительно цвет критично важен.

Но и здесь не так все просто. Существует несколько видов цветопроб с разной степенью доверия и ценой. Типографии используют, как правило, один наиболее удобный и проверенный опытом способ, а не все сразу на выбор.

Цветопроба – это допечатный образец цвета, который используют при тиражировании продукции. Ее применяют в основном для офсетной печати, для цифровой – можно настроить принтер и добиться нужного цвета на месте.

  • Офсетная – изготавливается на пробопечатном станке с использованием форм, красок и бумаги основного тиража. Но даже этот метод не точный, потому что не учитывает температуру, влажность в разных типографиях. Очень дорогой способ к тому же, его используют только для больших тиражей.
  • Аналоговая – осуществляется на специальном оборудовании с помощью цветоделения растровых фотоформ. Данный метод не показывает настроек определенной печатной машины, а также очень дорогой, требует времени, но считается одним из самых достоверных.
  • Цифровая – выводится с помощью специального оборудования, или струйного принтера. Суть в том, что с помощью программы выстраивается печатный профиль офсетной машины и производится печать с данными настройками. Наиболее часто используемый вид цветопробы. Недостатком может быть сам принтер, на котором печатают цветопробу: если струйный, то не сможет отобразить высокую четкость изображения, если сублимационный – нельзя использовать обычную бумагу, если лазерный – недостаточное качество передачи истинного цвета.
  • Экранная – макет смотрят на специальном откалиброванном мониторе. Недостаток – психологическое восприятие цвета на мониторе и при печати.

Важно помнить, что срок годности цветопробы около месяца при правильном хранении, так как со временем цвета могут искажаться. Цветопроба это не стопроцентная гарантия, не копия печатного оттиска, а всего лишь имитация.

Существует эффект метамеризма для аналоговых и цифровых цветопроб. Его суть в том, что при нормированном освещении цветопроба может соответствовать тиражу, но при искусственном свете – может искажаться.

Цветопроба изготавливается от А5 до А1 формата, но чаще всего это А4 или А3 формат. На цветопробу вы можете поместить все важные элементы, логотип, цвет обложки и т.д.

Печатать можно и по образцу оригинал-макета, который вас устраивает, но закрепить можно цветопробой. А если вы совсем уж переживаете даже после всего этого, то приезжайте на производство, и вы станете свидетелем первых приладочных оттисков вашей продукции. На месте можно будет осуществить дополнительные настройки, если все еще не тот цвет.

Если с CMYK все сложно, то можно для уверенности добавить Pantone для плашечного или корпоративного цвета, но это подразумевает дополнительные формы и специальную краску под ваш тираж, что дороже. Нельзя сказать, что Pantone всегда дорого, потому что, если печатать в два цвета, например, черный и цвет Pantone, то получается даже дешевле. Однозначно металлизированные цвета, люминесцентные и другие нестандартные нужно печатать Пантоном, но без Цмика все равно не обойтись.

Итоги и рекомендации:

  1. 100% гарантии не даст ни цветопроба, ни даже Pantone, потому что его можно нанести толстым слоем и получить другой оттенок. Печать — это опыт и квалифицированные кадры. Найдите свою типографию. Цветопроба все-таки полезная штука, делайте по необходимости, позволит сократить риски.
  2. Чем плотнее бумага, тем насыщеннее цвет, лучше цветопередача. Глянцевая бумага усиливает яркость, поэтому можно напечатать на глянцевой бумаге и покрыть матовым защитным лаком для получения необходимого эффекта. Матовая ламинация приглушает цвет, поэтому учитывайте еще и покрытия, которые вы планируете наносить после печати.
  3. Перевод RGB в CMYK искажает цвета, делайте изначально правильно.
  4. Купите цветовые вееры Pantone – там есть соответствующие соотношения красок в CMYK. Металлизированные, люминесцентные, а также иногда цвета плашек – выбирайте в Pantone.
  5. Не выставляйте непонятные профили в графическом редакторе (типа японского профиля для газетной бумаги и т.п.), работайте просто в CMYK.
  6. В CMYK нет «ядреных» цветов – это достаточно спокойная палитра.
  7. Осторожно подходите к печати макета синего цвета, чтобы он не ушел в фиолетовый.
  8. Если вы не заказывали Pantone, то его не должно быть в макете. При печати такие элементы могут исчезнуть или отобразиться другим цветом. Не все типографии могут вас предупредить.
  9. Делайте макеты на откалиброванных профессиональных компьютерах. Помните, что в CMYK важную роль играет соотношение красок, а не то как вы видите на мониторе.

Желаем вам удачи в поисках своей типографии, дизайнера и маркетолога. Все эти люди однозначно влияют на конечный результат.

Другие виды полиграфической продукции от компании PRINTLAND:

Теория цвета в цифрах

Разные люди могут по-разному представлять один и тот же цвет по его названию. Например голубой цвет может на самом деле быть цветом морской волны или небесным. Гораздо точнее цвет определяется шестнадцатеричным кодом, всего существует 16777216 комбинаций. Поэтому дизайнеру может быть полезно распознавать цвет, просто взглянув на его hex-код.

Основы

Начнем с простого: рассмотрим обычный hex-код, где каждая из трех пар цифр контролирует один из цветов RGB — красный, зеленый, синий. Числа могут принимать значения цифр от 0 до 9 и букв от A до F.

Насыщенность цвета зависит от того, насколько разные в парах числа. Чем больше значение пар, тем светлее цвет. Вторая цифра каждой пары уточняет оттенок:

То есть величина чисел в парах означает количество цвета, проще говоря, если все числа максимальные, то в результате будет белый цвет — #FFFFFF, если числа минимальные, нули, то цвета нет, получается черный — #000000. Если изменять каждую пару, то получается: #FF0000 — самый яркий красный, #00FF00 — самый яркий зеленый и #0000FF — самый яркий синий. Соответственно, #00FFFF — самый яркий голубой, #FF00FF — самый яркий пурпурный и #FFFF00 — самый яркий желтый.

Распознавание цвета

Шестнадцатеричный код может быть сокращен с шести символов до трех. Например цвет #FAE означает #FFAAEE. Такая возможность иногда помогает упростить код, и что важнее, легко сократить количество оттенков, если это требуется.

В большинстве случаев распознать цвет по hex-коду можно, учитывая только первые цифры пар. В примере ниже понятно, что цвет смешан из большого количества красного, немного синего, а зеленого совсем нет.

Понимание цвета по hex-коду позволяет веб-дизайнеру быстрее ориентироваться в коде страницы, кроме того, можно всегда произвести впечатление на коллег или клиентов, сказав «Ах, какой прекрасный оттенок бордового».

Можно также легко менять яркость, оттенок или насыщенность цвета, отредактировав лишь его шестнадцатеричный код. В первом примере ниже одна из пар меняется с шагом в 10%, при этом растет яркость цвета. Во втором примере яркость растет, но насыщенность падает:

Подчеркивание ссылок

По умолчанию браузеры подчеркивают гиперссылки на веб-страницах. При использовании не слишком крупных шрифтов подчеркивание может смешиваться с буквами ссылки, и выглядит такая конструкция не очень. Но можно сделать подчеркивание менее насыщенным:

  • Для темного текста на светлом фоне делаем ссылки ярче.
  • Для яркого текста на темном фоне делаем ссылки темнее.

Чтобы это работало, необходимо использовать тег span внутри каждого тега a, например:

Получившиеся ссылки легче читаются, т.к. подчеркивание не смешивается с символами. Однако добавлять span в каждую ссылку не очень рационально. Поэтому можно убрать подчеркивание ссылок, но при этом добавить border-bottom:

Цвета контента

Зачастую на сайтах используется один и тот же цвет для заголовков и основного текста. Но при таком подходе снижается читабельность контента: чем мельче шрифт, тем контрастнее он должен быть. Пример:

Уменьшение первых цифр в парах hex-кода повысит контрастность текста, а значит читабельность улучшится:

Редактирование фона

Легко управлять фоном, изменяя hex-код цвета:

  • #404040 — нейтральный
  • #504030 — теплее
  • #304050 — холоднее

Фон страницы визуально более чувствителен к изменениям цвета, чем контент. Поэтому можно легко сделать его теплее или холоднее, корректируя и вторую цифру в парах hex-кода. Например:

  • #404040 — нейтральный
  • #594039 — теплее
  • #394059 — холоднее

Подбор и комбинирование цветов

Понимание структуры шестнадцатеричного кода цветов дает дизайнеру возможность точно подбирать комбинации цветов и выбирать цветовые схемы. Самая простая техника — это переставлять одну пару в разные места кода. Еще один способ — удвоение первой цифры в первой паре и разделение на два остальных первых цифр. Также можно комбинировать цвета, взятые из фото. Описанные способы наглядно продемонстрированы на рисунке ниже:

#ff758e — HEX HTML/CSS цвет.

Шестнадцатеричный код цвета #ff758e после конвертации в RGB будет записан в виде следующих значений: 255, 117, 142. А при конвертации в HSL — 349, 100%, 73%

Шестнадцатеричная система базируется на числе 16. Цифры в шестнадцатеричной последовательности следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменяются латинскими буквами. Числа, которые больше 15, в этой системе образуются при помощи объединения двух чисел в одно.

HEX значение состоит из трех цветов (#rrggbb, где r-красный, g-зеленый, b-синий). Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF.

Цвет #ff758e — светлый. Уровень его яркости — 161.112 (уровень яркости считается как число в диапазоне от 0 до 255).

Полная запись HEX цвета #ff758e в RGB будет выглядеть следующим образом:

В записи rgb(x, x, x), ‘x’ — представляет собой числа от 0 до 255, которые обозначают количество соответствующего цвета (красный( RED), зеленый( GREEN), синий( BLUE)).

При записи цветов в HTML/CSS чаще всего используются HEX или RGB значения. Также можно использовать ключевые слова для именованых цветов. В настоящее время современные браузеры могут предоставить также возможность поддержки HSL.

Полная запись HEX цвета #ff758e в HSL будет выглядеть следующим образом:

HSL — еще один тип записи цвета в HTML/CSS. Название данного формата состоит из первых букв значений, из которых собирается цвет. Hue (оттенок), Saturate (насыщенность), Lightness (светлота).

Оттенок (Hue) — значение цвета на цветовом круге, которое задаётся в градусах. 0° соответствует красному цвету, 120° — зелёному, 240° — синему. Значение оттенка может изменяться в диапазоне от 0 до 359.

Насыщенность (Saturate) — интенсивность цвета, которая измеряется в процентах от 0% до 100%. Значение 0% — отсутствие цвета и оттенок серого, а 100% — максимальное значение насыщенности.

Светлота (Lightness) — значение, которое показывает насколько цвет яркий и указывается в процентах от 0% до 100%. Меньшее значение — темнее, а большее — светлее (0% — белый, а 100% — черный).

Таблица RGB, HSL значений для HEX #ff758e

Цвет:
HEX:#ff758e
RGB:rgb(255, 117, 142)
HSL:hsl(349, 100%, 73%)

Цвет #ff758e в оттенках серого (#bababa):

Комплиментарным цветом для #ff758e является #75ffe6.

Комплиментарный цвет — это тот, который является противоположным в цветовом круге. Комплиментарные цвета усиливают друг друга, а при смешивании дают нейтральный серый цвет без оттенков.

Триада (cочетание 3-х цветов, находящихся на равном расстоянии друг от друга) для цвета #ff758e:

#ff758e
#8eff75
#758eff

Тетрада (цветовая схема, особый вариант двойной цветовой схемы с равным расстоянием между всеми цветами. Все четыре цвета равномерно распределены вокруг цветового круга, в результате чего нет четкого доминирования одного цвета) для цвета #ff758e:

#ff758e
#d3ff75
#75ffe6
#a175ff

Палитра аналогичных цветов для #ff758e (сгенерирована на основе вращения цветового колеса на 30 градусов):

#ff758e
#ff75c5
#ff75aa
#ff758e
#ff7875
#ff9375

Палитра монохроматических цветов для #ff758e:

#ff758e
#2a1318
#55272f
#803b47
#aa4e5f
#d46276

Таблица c результатом различных манипуляций (осветление, затемнение и тд с шагом в 5%) над цветом #ff758e:

Светлее (шаг 5%)Темнее (шаг 5%)Ярче (шаг 5%)Обесцвечивание (шаг 5%)Насыщение (шаг 5%)
#ff758e#ff758e#ff758e#ff758e#ff758e
#ff8ea3#ff5b79#ff829b#fc7890#ff758e
#ffa8b8#ff4264#ff8fa8#f87c92#ff758e
#ffc1cd#ff284f#ff9bb4#f57f95#ff758e
#ffdbe2#ff0f3a#ffa8c1#f18397#ff758e
#fff4f6#f4002c#ffb5ce#ee8699#ff758e
#ffffff#db0028#ffc2db#ea8a9b#ff758e
#ffffff#c10023#ffcee7#e78d9d#ff758e
#ffffff#a8001e#ffdbf4#e391a0#ff758e
#ffffff#8e001a#ffe8ff#e094a2#ff758e
#ffffff#750015#fff5ff#dc97a4#ff758e
#ffffff#5b0011#ffffff#d99ba6#ff758e
#ffffff#42000c#ffffff#d69ea8#ff758e
#ffffff#280007#ffffff#d2a2ab#ff758e
#ffffff#0f0003#ffffff#cfa5ad#ff758e
#ffffff#000000#ffffff#cba9af#ff758e
#ffffff#000000#ffffff#c8acb1#ff758e
#ffffff#000000#ffffff#c4b0b3#ff758e
#ffffff#000000#ffffff#c1b3b6#ff758e
#ffffff#000000#ffffff#bdb7b8#ff758e
#ffffff#000000#ffffff#bababa#ff758e

Цвет фона (background-color).

Код краски автомобиля ВАЗ, ГАЗ

Купив газету и читая объявления о продаже автомобилей, мы часто встречаем не совсем определенные описания по поводу его краски. Так например «Вавилон» или «Валюта», что за цвета задаемся мы вопросом? Услышав красочное описание от хозяина авто, спешим на первую встречу со своим потенциальным железным конем. Тут уже приметив его еще из далека, мы разочаровано сникаем, понимая что это не ваш цвет. А подойдя ближе только в этом убеждаемся.
Эта статья расскажет вам о красках применяемых для автомобилей ВАЗ и ГАЗ, о их кодировке, а также даст вам понятие о приблизительном цвете кузова покрашенного той или иной краской. Теперь вы будете в курсе кода краски и будете представлять какова же она на вид.

Коды краски с их визуальным отображением и примечанием о том, относится ли краска к цвету металлик вы найдете в таблице ниже.

КодОбразецКраскаЦвет (в том числе для техпаспорта)Металлик
602АвантюринСеребристо-чёрный+
425АдриатикаГолубой
204АйсбергБелая двухслойная+
460АквамаринСеребристый сине-зелёный
503АккордТёмно-серо-бежевый+
205Альпийский снегБелый металлик+
145АметистСеребристый фиолетовый
371АмулетТёмно-зелёный+
277АнтилопаСеребристо-бежевый+
440АтлантикаСиний
421АфалинаСеребристый зелёно-голубой+
107БаклажанФиолетовый
420БалтикаСине-зелёный
353БальзамЗелёный
235БежевыйБежевый
117БургундияКрасный металлик+
236Серо-бежевыйСеро-бежевый
201БелыйБелый
202БелыйЯрко-белый
233БелыйСеро-белый
480БризЗелёно-голубой
388ВавилонМеталлик серо-бежевый+
464ВалентинаСеро-фиолетовый
310ВалютаСеро-зелёный металлик+
129ВикторияСеребристый ярко-красный+
132Вишнёвый садВишнёвый+
127ВишняТёмно-красный
423ГейзерСветло-зелёно-голубой+
481ГолубойГолубой
180ГранатТёмно-бордовый
150ДефилеЗолотистый красно-коричн+
321ДюшесЖёлто-зелёный металлик+
203ЖасминБело-жёлтый
200Жёлтый (Такси)Ярко-жёлтый
230ЖемчугМолочно-белый серебристый+
963ЗелёнаяЗелёный+
307Зелёный садЗелёный
245Золотая ниваЗолотой+
331Золотой листЗолотистый тёмно-зелёный+
311ИгуанаСеребристый ярко-зелёный
385ИзумрудСеребристо-зелёный
406ИрисФиолетовый
128ИскраКрасный металлик+
453КаприСине-зелёный+
101КардиналЯрко-красный
118КарменКрасный+
630КварцСредний серо-зелёный металлик+
352КедрТёмно-зелёный
116КораллСеребристый тёмно-красный
790КориандрЗолотисто-коричневый+
798КорицаКоричневый
370КорсикаСеребристый тёмно-зелёный
281КристаллСеребристо-жёлтый+
435Ла-МаншСеребристый ярко-синий+
675ЛавандаСеро-бежевый+
487ЛагунаСеребристо-синий
489ЛазурьСиний
445ЛазуритФиолетово-синий металлик+
498Лазурно-синийСеребристый тёмно-синий
560ЛаминарияЗелёный
133МагияСеребристый тёмный+
120МайяСеребристый тёмно-бордовый
121МальбороКрасный металлик+
428МедеоГолубой
217МиндальБежево-розовый
280МиражСеребристый жёлто-зелёный
606Млечный путьГрафитовый металлик+
626Мокрый асфальтСеро-бежевый металлик
403Монте-КарлоЯрко-синий+
302МоцартМоцарт+
458Мулен-РужЯрко-фиолетовый
377МуренаСине-зелёный
223НарциссЖёлтый
628НептунТёмный серо-синий металик+
270НефертитиСеребристо-бежевый+
383НиагараЗолотисто-серый+
449ОкеанТёмно-голубой
340ОливковыйЖёлто-зелёный
345ОливинЗолотисто-зелёный+
419ОпалСеребристо-голубой+
286ОпатияСеребристый оранжевый
308ОсокаСеребристый серо-зелёный+
387ПапирусСеребристый серо-зелёный+
152ПаприкаКрасно-оранжевый+
404ПетергофСеро-синий
795ПираноКрасно-коричневый
417ПицундаЗелёно-синий
605ПрестижФиолетово-чёрный+
276ПризСеребристо-бежевый+
210ПримулаСветло-жёлтый
448РапсодияСеребристый ярко-синий
499РивьераСеребристо-темно-синий+
182РомансВишнёвый
110РубинКрасный
670СандаловыйБежево-красный металлик+
446СапфирСеребристый сине-фиолетовый
215СафариСветло-бежевый
671Светло-серыйСветло-серый
640СеребристыйСеребристый
301Серебристая иваСветло-зелёный+
427Серо-голубойСеро-голубой
373Серо-зелёныйСеро-зелёный
447Синяя полночьСиний
422СиреньСветло-фиолетовый
295Сливочно-белыйСливочно-белый
207Слоновая костьБежево-жёлтый
690Снежная королеваСветло-серебристый металл+
202Снежно-белыйЯрко-белый
360СочиСеро-сине-зелёный+
399ТабакСеребристый коричнево-зелёный
206Талая водаБело-зелёный металлик+
509Тёмно-бежеваяТёмно-бежевый
793Тёмно-коричневыйТёмно-коричневый
625Тёмно-серыйТёмно-серый
456Тёмно-синийТёмно-синий
466Тёмно-синийОттенок тёмно-синего
170ТорнадоКрасный
100ТриумфСеребристый красный+
416Фея (Лесная фея)Серебристо-синий+
430ФрегатГолубой металлик+
363ЦунамиТёмно-зелёный+
228Чайная розаСветло-жёлтый
408ЧароитСеребристый тёмно-фиолетовый+
601ЧёрныйЧёрный
603ЧёрныйОттенок чёрного
415ЭлектронТёмно-серый металлик+
473ЮпитерСеро-голубой+

Обратите внимание, что краски автомобиля могут незначительно отличаться от того, что вы увидите в реальности. Поправка цвета кода будет зависеть от цветопередачи вашего монитора.
Также стоит сказать и о том, что краски металлик как правило покрыты лаком. Лак хоть и прозрачный, но тем не менее также предносит свои коррективы.

Также на нашем сайте есть информация и о коде красок компании Toyota.

Сайт о компьютерной технике

Html яркий зеленый цвет. Цветовые коды в Minecraft

Коды Майнкрафт цветов , или же Майнкрафт коды форматирования, позволяют любому игроку добавлять цветы и всячески форматировать текст прямо в Minecraft. Цветовые коды от &0-9 — до &a-f. Добавьте их перед вашим текстом. Сообщения от игроков могут содержать цветовые коды, которые позволяют добавлять краски в ваши предложения.

Цвета и коды форматирования

Знак амперсанта (&), за которым идёт шестнадцатеричное число в сообщения даёт сигнал клиенту для переключения цвета при отображении текста. Кроме того, текст может быть отформатирован с помощью символа &, за которым следует буква. Вы можете добавлять различные цвета в книги, командные блоки, имя сервера, описание сервера (motd), в название миров, в таблички и даже в имена игроков.

Очень легко отформатировать ваш текст в конфигах или в игре, используя таблицу цветов ниже. &r используется для сброса всех кодов, т.е. &mААА&rБББ будет отображаться как ААА БББ.

Представляем таблицу существующих цветовых кодов в Майнкрафт для вашего удобства:

КодНазваниеТех.НазваниеЦвет символаЦвет тени символа
RGBHexRGBHex
&0Черныйblack000000000000000000
&1Тёмно-синийdark_blue001700000AA004200002A
&2Тёмно-зелёныйdark_green0170000AA000420002A00
&3Тёмно-сине-зелёныйdark_aqua017017000AAAA04242002A2A
&4Тёмно-красныйdark_red17000AA000042002A0000
&5Тёмно-фиолетовыйdark_purple1700170AA00AA420422A002A
&6Золотойgold2551700FFAA00424202A2A00
&7Серыйgray170170170AAAAAA4242422A2A2A
&8Тёмно-серыйdark_gray858585555555212121151515
&9Голубойblue85852555555FF21216315153F
&aЗелёныйgreen852558555FF55216321153F15
&bСине-зелёныйaqua8525525555FFFF216363153F3F
&cКрасныйred2558585FF55556321213F1515
&dСветло-фиолетовыйlight_purple25585255FF55FF6321633F153F
&eЖёлтыйyellow25525585FFFF556363213F3F15
&fБелыйwhite255255255FFFFFF6363633F3F3F

Иногда бывает нужно подчеркнуть, зачеркнуть, выделить какой-либо текст . Для этого используется форматирование текста. Используется точно так же как и цвета(перед текстом ставим код , например &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 приведены имена популярных названий цветов.

Табл. 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 показано, как установить цвет фона и текста веб-страницы.

Шестнадцатеричные цветовые коды

Настольные и портативные цифровые устройства поддерживают цветовую модель RGB. RGB означает красный, зеленый и синий, и только эти три цвета используются для воспроизведения всех других цветов для цифровых дисплеев. Цветовой код шестнадцатеричного цвета — 6-значный цветовой код с префиксом хеша (#), который содержит цифровую информацию о цвете.

Цветовой код Hex содержит числовые значения от 0 до 9 и алфавитные значения от A до F, где 0 более темный цвет, а F более светлый.

Помимо этого F представляет проявление оттенка, а 0 — отсутствие оттенка. В приведенной ниже таблице показан оттенок красного канала.

Как видно из диаграмм, интенсивность яркости и оттенка увеличивается от 0 до F и уменьшается от F до 0. Цветовой код #000000 показывает истощение оттенка и преобладании темноты, а цветовой код #FFFFFF показывает увеличение оттенка и яркости. В шестнадцатеричном цветовом коде первые две цифры обозначают красный канал, третий и четвертый — зеленый, а последние две цифры обозначают синий канал.

Шестнадцатеричные цветовые коды — прописываются через шесть цифр: Красный основной, Красный Малый, Зеленый основной, Зеленый второстепенный, Синий основной и Синий второстепенный. Основная цифра определяет, будет ли получающийся цвет оттенком красного, зеленого или синего; а младшая цифра определяет оттенок или тон этого цвета. Цифры с более высоким значением более яркие и насыщенные, а цифры с более низким значением темные и ненасыщенные.

Шестнадцатеричный цветовой код #3F51B5 приведет к оттенку синего, так как основная цифра синего имеет самое яркое значение по сравнению с красным и зеленым. Пример можно увидеть в графическом представлении ниже —

В цветовом коде # FF0000 основные и второстепенное значение для красного канала — это F, который обозначает наиболее яркий оттенок и тон. Цифры для двух других каналов равны 0, которые будут отображать истощение их оттенков и нулевое значение для яркости, поэтому интерпретируемый цвет в модели RGB будет самым ярким оттенком красного.

Точно так же интерпретируемые результаты для шестнадцатеричных кодов #00FF00 и #0000FF будут соответственно зелеными и синими цветам.

Давайте рассмотрим еще несколько шестнадцатеричных цветовых кодов, которые интерпретируются, когда два канала в модели RGB находятся на самом ярком уровне.
Желтый — # FFFF00
Фиолетовый — # FF00FF
Бирюзовый — # 00FFFF

Если шестнадцатеричный цветовой код написан как «# FC3», он будет интерпретироваться как «# FFCC33».

Если все значения шестнадцатеричных кодов одинаковы, это приведет к появлению серых оттенков.

Шестнадцатеричные цветовые коды — резюме

Вы можете попробовать работу с шестнадцатеричные кодами здесь, используя простой шестнадцатеричный генератор кода и изучить, как на самом деле шестнадцатеричные цветовые коды интерпретируются на цифровых экранах.

Мой секрет

  • Интернет
  • Безопасность
  • Windows 7
  • Мультимедиа
  • Блоки питания
  • Мониторы

Html код ярко зеленый. Учeбник HTML. Цвета RGB. Цвета безопасной палитры

Коды Майнкрафт цветов , или же Майнкрафт коды форматирования, позволяют любому игроку добавлять цветы и всячески форматировать текст прямо в Minecraft. Цветовые коды от &0-9 — до &a-f. Добавьте их перед вашим текстом. Сообщения от игроков могут содержать цветовые коды, которые позволяют добавлять краски в ваши предложения.

Цвета и коды форматирования

Знак амперсанта (&), за которым идёт шестнадцатеричное число в сообщения даёт сигнал клиенту для переключения цвета при отображении текста. Кроме того, текст может быть отформатирован с помощью символа &, за которым следует буква. Вы можете добавлять различные цвета в книги, командные блоки, имя сервера, описание сервера (motd), в название миров, в таблички и даже в имена игроков.

Очень легко отформатировать ваш текст в конфигах или в игре, используя таблицу цветов ниже. &r используется для сброса всех кодов, т.е. &mААА&rБББ будет отображаться как ААА БББ.

Представляем таблицу существующих цветовых кодов в Майнкрафт для вашего удобства:

КодНазваниеТех.НазваниеЦвет символаЦвет тени символа
RGBHexRGBHex
&0Черныйblack000000000000000000
&1Тёмно-синийdark_blue001700000AA004200002A
&2Тёмно-зелёныйdark_green0170000AA000420002A00
&3Тёмно-сине-зелёныйdark_aqua017017000AAAA04242002A2A
&4Тёмно-красныйdark_red17000AA000042002A0000
&5Тёмно-фиолетовыйdark_purple1700170AA00AA420422A002A
&6Золотойgold2551700FFAA00424202A2A00
&7Серыйgray170170170AAAAAA4242422A2A2A
&8Тёмно-серыйdark_gray858585555555212121151515
&9Голубойblue85852555555FF21216315153F
&aЗелёныйgreen852558555FF55216321153F15
&bСине-зелёныйaqua8525525555FFFF216363153F3F
&cКрасныйred2558585FF55556321213F1515
&dСветло-фиолетовыйlight_purple25585255FF55FF6321633F153F
&eЖёлтыйyellow25525585FFFF556363213F3F15
&fБелыйwhite255255255FFFFFF6363633F3F3F

Иногда бывает нужно подчеркнуть, зачеркнуть, выделить какой-либо текст . Для этого используется форматирование текста. Используется точно так же как и цвета(перед текстом ставим код , например &lMinecraft = Minecraft.

Для вашего удобства ниже приведена таблица кодов для форматирования:

КодНазвание
&kМагический текст
&lЖирный текст
&mЗачеркнутый текст
&nПодчеркнутый текст
&oКурсивный текст
&rТекст без форматирования

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 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 ExplorerChromeOperaSafariFirefoxAndroidiOS
4.0+1.0+3.5+1.3+1.0+1.0+1.0+

Браузеры поддерживают некоторые цвета по их названию. В табл. 1 приведены названия, шестнадцатеричный код, значения в формате RGB, HSL и описание.

Табл. 1. Названия цветов

ИмяЦветКодRGBHSLОписание
white#ffffff или #fffrgb(255,255,255)hsl(0,0%,100%)Белый
silver#c0c0c0rgb(192,192,192)hsl(0,0%,75%)Серый
gray#808080rgb(128,128,128)hsl(0,0%,50%)Темно-серый
black#000000 или #000rgb(0,0,0)hsl(0,0%,0%)Черный
maroon#800000rgb(128,0,0)hsl(0,100%,25%)Темно-красный
red#ff0000 или #f00rgb(255,0,0)hsl(0,100%,50%)Красный
orange#ffa500rgb(255,165,0)hsl(38.8,100%,50%)Оранжевый
yellow#ffff00 или #ff0rgb(255,255,0)hsl(60,100%,50%)Желтый
olive#808000rgb(128,128,0)hsl(60,100%,25%)Оливковый
lime#00ff00 или #0f0rgb(0,255,0)hsl(120,100%,50%)Светло-зеленый
green#008000rgb(0,128,0)hsl(120,100%,25%)Зеленый
aqua#00ffff или #0ffrgb(0,255,255)hsl(180,100%,50%)Голубой
blue#0000ff или #00frgb(0,0,255)hsl(240,100%,50%)Синий
navy#000080rgb(0,0,128)hsl(240,100%,25%)Темно-синий
teal#008080rgb(0,128,128)hsl(180,100%,25%)Сине-зеленый
fuchsia#ff00ff или #f0frgb(255,0,255)hsl(300,100%,50%)Розовый
purple#800080rgb(128,0,128)hsl(300,100%,25%)Фиолетовый

С помощью RGB

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
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%).

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
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 уже нет. При этом браузеры вполне корректно понимают цвет для того и другого свойства.

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
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% соответствуют чёрному и белому цвету.

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
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

Предупреждение

Все перечисленные на сайте методы ловли льва являются теоретическими и базируются на вычислительных методах. Авторы не гарантируют вашей безопасности при их использовании и снимают с себя всякую ответственность за результат. Помните, лев это хищник и опасное животное!

0 0 голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector