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

Код цвета светло зеленый

Как задаются цвета в Html и CSS коде, подбор RGB оттенков в таблицах, выдаче Яндекса и других программах

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Я продолжаю публиковать статьи в рубрике «HTML для чайников». Сегодня хочу поговорить про цвета в HTML и CSS коде, пояснить для тех, кто еще не в курсе, как можно их задать, каким образом они формируются, как для поиска или захвата нужного колора использовать специально предназначенные для этого программы и многое другое.

Вопрос задания нужного оттенка может быть особенно актуален для начинающих вебмастеров, когда не совсем понятны приводимые в web документе их коды (например, #f3af6c) и не понятно каким образом и откуда можно будет взять эту информацию (где найти таблицы Html и CSS цветов), и как их использовать для оформления текстового или какого-либо другого блока web документа.

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

По названию

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%)Фиолетовый

Установка цвета для текста в 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.

Расшифровываем глубину основного цвета:

  • 1 — относится к черному цвету.
  • 2 — к темно-темно каштановому.
  • 3 — к темно-каштановому.
  • 4 — к каштановому.
  • 5 — к светло-каштановому.
  • 6 — к темно-русому.
  • 7 — к русому.
  • 8 — к светло-русому.
  • 9 — к очень светло русому.
  • 10 — к светло-светло-русому (то есть, светлый блондин).

Отдельные производители могут добавлять также 11-й или 12-й тон — это уже супер-осветляющие краски для волос.

Далее — расшифровываем цифру основного оттенка:

  • Под цифрой 0 предполагается ряд естественных тонов.
  • Под цифрой 1 : имеется сине-фиолетовый пигмент (прим. — пепельный ряд).
  • Под цифрой 2 : имеется зеленый пигмент (прим. — матовый ряд).
  • Под цифрой 3 : имеется желто-оранжевый пигмент (прим. — золотой ряд).
  • Под цифрой 4 : имеется медный пигмент (прим. — красный ряд).
  • Под цифрой 5 : имеется красно-фиолетовый пигмент (прим. — махагоновый ряд).
  • Под цифрой 6 : имеется сине-фиолетовый пигмент (прим. — фиолетовый ряд).
  • Под цифрой 7 : имеется красно-коричневый пигмент (прим. — натуральная основа).

Следует помнить, что 1-й и 2-й оттенки относят к холодным, прочие — к теплым.

Если речь идет о подержанном автомобиле, очень важно определить, перекрашивали и его полностью, чтобы исключить риск приобретения “криминального” ТС. Кроме того, необходимо помнить несколько важных правил выбора ЛКП:

  1. Если бывший владелец менял цвет полностью, то, скорее всего, была использована не заводская краска. Поэтому информация, полученная по ВИН коду, будет неактуальной, и следует сравнить цвет имеющегося покрытия в разных местах кузова.
  2. Можно использовать толщиномер краски. Ни один мастер на СТО не покрасит авто так качественно, как это сделают на заводе. Поэтому количество нанесенного лакокрасочного покрытия, скорее всего, будет отличаться в разных местах кузова (если авто перекрашивали).
  3. Краска со временем меняет свои свойства из-за естественных условий. В этом случае, оттенок покрытия в разных местах кузова также будет отличаться от оригинального тона по ВИН-коду.
  4. Чтобы минимизировать риск выбора неправильного оттенка, можно обратиться за спектральным подбором краски, позволяющим выбрать правильные пигменты для окрасочного состава.
  5. Следует учитывать, что многие заводы-производители автомобилей используют ЛКП, не поступающие в свободную продажу. В такой ситуации найти нужный цвет будет сложно, даже точно определив оттенок. Вам потребуются услуги профессионального компьютерного подбора максимально близкого оттенка.
  6. Если автомобилю более 10 лет, то ЛКП, скорее всего, уже снят с производства. В такой ситуации также нужно использовать сложные методики подбора и смешивания цветов лакокрасочного покрытия.

Итак, по ВИН-номеру достаточно удобно подобрать правильное ЛКП для автомобиля. Однако он хорош для новых и популярных моделей авто. Со старыми и перекрашенными ТС этот метод не всегда удобен и эффективен.

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

ПО ГОДАМ

Цвета ваз 2114 по годам выпуска представлены в следующей таблице

Год выпускаКод цветаНаименованиеПримерный видМеталликОписание
2005105франкония+темно-вишнево-малиновый
230жемчуг+серебристо-бело-молочный
270нефертити+серебристый-бежевый
281кристал+светло-серый
347золото инков+золотистый темно-зеленый
453капри+темно-сине-зеленый
499ривьера+сине-фиолетовый
606млечный путь+графитовый металик
630кварц+средне-серо -зеленый
690снеж. Королева+серебристый
2006206талая вода+светло-серый
230жемчуг+серебристо-бело-молочный
270нефертити+серебристый-бежевый
281кристал+светло-серый
347золото инков+золотистый темно-зеленый
360сочи+серо-сине-зеленый
363цунами+темно-зеленый
606млечный путь+графитовый металик
630кварц+средне-серо-зеленый
690снеж. Королева+серебристый
2007206талая вода+светло-серый
235бежевыйбежевый
239невада+серебристо-серо-бежевый
270нефертити+серебристый бежевый
281кристал+светло-серый
347золото инков+золотистый темно-зеленый
360сочи+серо-сине-зеленый
363цунами+темно-зеленый
412регата+серебристо-темно-синий
499ривьера+сине-фиолетовый
606млечный путь+графитовый металик
630кварц+средне-серо-зеленый
660альтаир+серебристый светло-серый
690снеж . Королева+серебристый
2008190калифорнийский Мак+золотисто-красный
239невада+серебристо-серо-бежевый
262бронзовый век+бежево-коричневый
281кристал+светло-серый
290южный крест+серо-бежевый
360сочи+серо-сине-зеленый
363цунами+темно-зеленый
391робин гуд+черный с изумрудно-зеленым отливом
412регата+серебристо-темно-синий
495лунный свет+светло-голубой
513черный жемчуг+серебристо-коричневый
606млечный путь+графитовый металик
630кварц+средне-серо-зеленый
690снеж . Королева+серебристый
2009190калифорнийский Мак+золотисто-красный
240белое облакобелый
360сочи+серо-сине-зеленый
391робин гуд+чёрный с изумрудно-зеленым отливом
495лунный свет+светло-голубой
606млечный путь+графитовый металик
630кварц+средне-серо-зеленый
690снеж. Королева+серебристый
2010192портвейн+темно-вишневый
240белое облакобелый
360сочи+серо-сине-зеленый
391робин гуд+чёрный с изумрудно-зеленым отливом
426мускари+темно-синий
630кварц+средне-серо-зеленый
665космос+сине-черный
690снеж. Королева+серебристый
2011192портвейн+темно-вишневый
240белое облакобелый
360сочи+серо-сине-зеленый
429персей+темно-синий
627жимолость?серый стальной
630кварц+средне-серо-зеленый
665космос+сине-черный
690снеж. Королева+серебристый
2012192портвейн+темно-вишневый
240белое облакобелый
328ницца+темный сине-зеленый
360сочи+серо-сине-зеленый
426мускари+темно-синий
429персей+темно-синий
627жимолость?серый стальной
630кварц+средне-серо-зеленый
665космос+сине-черный
690снеж . Королева+серебристый
2013192портвейн+темно-вишневый
240белое облакобелый
328ницца+темный сине-зеленый
429персей+темно-синий
630кварц+средне-серо-зелеый
633борнео+темный серебристо-серый
665космос+сине-черный
690снеж. Королева+серебристый
790кориандр+золотисто-коричневый

Диагностика

Правильный диагноз может поставить только врач – отоларинголог. Осмотр пациента при помощи специального инструментария (риноскопия и эндоскопия), проведение УЗИ, рентгена и термографии позволяют определить состояние слизистой, объемы и строение лобных пазух, а также место возникновения инфекции.

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

Цветовая слепота или дальтонизм

Цветовая слепота, она же дальтонизм — это наршение цветового зрения, т.е. способности видеть цвета или видеть различия между ними. Людям с этой болезнью при определённых обстоятельствах или на определённом фоне сложно видеть предметы, сочетать цвета (например при выборе одежды) или работать с цветовыми кодами, например графическими панелями пользователя на компьютерах. Цветовая слепота — общий термин, который включает в себя несколько конкретных состояний. Здесь Вы найдёте информацию о том, Амарантовый розовый видят люди с различными видами дальтонизма.

Монохромазия

Монохромазия — это неспособность различать какие-либо цвета кроме одной узкой части светового спектра. Другими словами, больные монохромазией способны различать только более светлые и тёмные оттенки одного цвета.

Ахроматопсия

Для людей с ахроматопсией, т.е. неспособностью видеть ничего, кроме чёрного, белого и серого, Амарантовый розовый выглядит как цвет с кодом rgb(175, 175, 175), который можно видеть рядом с этим описанием

. Эффект этой болезни схож с состоянием, когда человек видит всё в чёрно-белой гамме.

Заказывая дизайн, который возможно будут использовать люди с нарушением цветового зрения, стоит проконсультироваться с командой разработчиков Arteqo, так как обычно такие проекты требуют разработки отдельной цветовой палитры. Один из наших приоритетов — обеспечить доступность наших сайтов для всех пользователей, что в свою очередь влияет на то, стоит или не стоит в дизайне использовать Амарантовый розовый.

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