Меню

Как называется 6 цифр цвета



Таблица цветов html

Разработчикам дизайнов сайтов, да и просто сайтостроителям, часто приходится подбирать какие-то цветовые гаммы, чтобы сайт смотрелся красиво и удобно. Как известно, задать цвета в html можно с помощью трех способов (записаны в порядке понижения популярности их применения):

Как можно задать цвет в CSS

1. Задание цвета в виде шести цифр шестнадцатеричного кода

Синтаксис этого способа: # XXXXXX . Первые две цифры отвечают за красный цвет (Red), вторые две цифры за зеленый (Green) и последние две цифры за синий цвет (Blue). Сокращенно его называют RGB. Этот метод встречается чаще всего среди вебмастеров, поскольку он позволяет точно подобрать нужный оттенок цвета.

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

2. Задание цвета через его название

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

3. Задание цвета в виде трех десятичных чисел

Этот способ похож на предыдущий, однако имеет более сложный синтаксис: rgb (XYZ,XYZ,XYZ) , где X, Y, Z — любые десятичные цифры, но XYZ не должно превышать 255. Как и в предыдущем случае каждый из трех чисел отвечает за какой-то цвет (красный, зелёный, синий).

Ниже представлена таблица цветов html, в которой можно посмотреть его название, посмотреть как он выглядит, узнать RGB и html код цвета.

Источник

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

Разные люди могут по-разному представлять один и тот же цвет по его названию. Например голубой цвет может на самом деле быть цветом морской волны или небесным. Гораздо точнее цвет определяется шестнадцатеричным кодом, всего существует 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 — холоднее

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

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

Источник

Как правильно подобрать свою краску для волос по номеру оттенка – расшифровка номеров красок для волос

Команда профессионалов в различных областях

Время на чтение: 6 минут

Миллионы женщин во всех странах мира постоянно сталкиваются с проблемой сложного выбор краски для волос. Ассортимент продукции по истине огромен, а уж о будущем оттенке и говорить не приходится. На коробке — цвет один, на волосах получается совершенно другой. И ведь мало кто знает, что определить будущий оттенок можно просто по цифрам на коробке…

Читайте также:  Маникюр синего цвета с переливами

Содержание статьи:

Что означают цифры в номерах красок для волос – полезные таблицы номеров оттенков красок

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

Но что касается выбора непосредственно оттенка — в этом все ориентируются на фото, размещенное на упаковке. В крайнем случае, на название.

И редко кто обратит внимание на маленькие цифры, что пропечатаны рядом с красивым (вроде «шоколадный смузи») названием оттенка. Хотя именно эти цифры и дают нам полную картину о представленном оттенке.

Итак, о чем вы не знали, и что следует запомнить…

О чем говорят цифры на коробке?

На основной части оттенков, представленных различными брендами, тона обозначают 2-3-мя цифрами. Например, «5.00 Темно-русый».

  • Под 1-й цифрой подразумевается глубина основного цвета (прим. — обычно от 1 до 10-ти).
  • Под 2-й цифрой — основной тон окрашивания (прим. — цифра идет после точки или дроби).
  • Под 3-й цифрой — дополнительный оттенок (прим. — 30-50% от основного оттенка).

При маркировке только одной или 2-мя цифрами предполагается, что в составе оттенки отсутствуют, и тон — исключительно чистый.

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

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

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

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

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

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

Расшифровываем 3-ю цифру на коробке — дополнительный оттенок

Если данная цифра присутствует — значит, в вашей краске имеется дополнительный оттенок, количество которого относительно основного цвета — 1 к 2-м (иногда бывают и другие пропорции).

  • Под цифрой 1 — пепельный оттенок.
  • Под цифрой 2 — фиолетовый оттенок.
  • Под цифрой 3 — золото.
  • Под цифрой 4 — медь.
  • Под цифрой 5 — махагоновый оттенок.
  • Под цифрой 6 — красный оттенок.
  • Под цифрой 7 — кофейный.

Отдельные производители обозначают цвет с помощью букв, а не цифр (в частности, Pallet).

Они расшифровываются следующим образом:

  • Под буквой С вы найдете пепельный цвет.
  • Под PL — платиновый.
  • Под А — супер осветление.
  • Под N — естественный цвет.
  • Под E — бежевый.
  • Под М — матовый.
  • Под W — коричневый цвет.
  • Под R — красный.
  • Под G — золото.
  • Под K — медь.
  • Под I — интенсивный цвет.
  • А под F,V — фиолетовый.
Читайте также:  Какого цвета бывают растяжки

Имеет градацию и уровень стойкости краски. Его тоже обычно указывают на коробке (только в другом месте).

Например…

  • Под цифрой «0» зашифрованы краски с низким уровнем стойкости — краска «на время» с непродолжительным эффектом. То есть, оттеночные шампуни и муссы, спреи и пр.
  • Цифра «1» говорит об оттеночном продукте без аммиака и перекиси в составе. Такими средствами освежают окрашенные волосы и придают блеск.
  • Цифра «2» скажет о полустойкости краски, а также о наличии в составе перекиси и, иногда, аммиака. Стойкость — до 3 месяцев.
  • Цифра «3» — это самые стойкие краски, кардинально меняющие основной цвет.

На заметку:

  1. «0» перед цифрой (к примеру, «2.02»): наличие натурального либо же теплого пигмента.
  2. Чем больше «0» (к примеру, «2.005»), тем больше натуральности в оттенке.
  3. «0» после цифры (к примеру, «2.30»): насыщенность и яркость цвета.
  4. Две одинаковых цифры после точки (к примеру, «5.22»): концентрация пигмента. То есть, усиление дополнительного оттенка.
  5. Чем больше «0» после точки , тем лучше оттенок перекроет седину.

Примеры расшифровок палитры красок для волос – как правильно выбрать свой номер?

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

  • Оттенок «8.13» , представленный как светло-русый бежевый (краска «Лореаль Экселанс»). Цифра «8» говорит о светло-русой гамме, цифра «1» — о наличие пепельного оттенка, цифра «3» — о наличии золотистого (его здесь в 2 раза меньше, чем пепельного).
  • Оттенок «10.02» , представленный как светло-светло русый нежный. Цифра «10» говорит о такой глубине тона, как «светлый блондин», цифра «0» указывает на наличие натурального пигмента, а цифра «2» — это матовый пигмент. То есть, цвет в итоге получится весьма холодным, и без красных/желтых оттенков.
  • Оттенок «10.66» , именуемый Полярный (прим. — палитра Estel Love Nuance). Цифра «10» говорит о светло-светло-русой гамме, а две «шестерки» указывают на концентрацию фиолетового пигмента. То есть, блонд получится с фиолетовым отливом.
  • Оттенок «WN3» , именуемый как «золотистый кофе» (прим. — крем-краска Palette). В данном случае, буква «W» указывает на коричневый цвет, буквой «N» производитель обозначил его натуральность (прим. — аналогично нулю после точки при обычной цифровой кодировке), а цифра «3» говорит о наличии золотистого оттенка. То есть, цвет в итоге будет теплым — натуральным коричневым.
  • Оттенок «6.03» или Темный блондин . Цифрой «6» нам демонстрируют «темно-русую» основу, «0» указывает на натуральность будущего оттенка, а цифрой «3» производитель добавляет теплого золотого нюанса.
  • Оттенок «1.0» или «Черный» . Этот вариант без вспомогательных нюансов — дополнительных оттенков здесь нет. А «0» указывает на исключительную натуральность цвета. То есть, в итоге цвет получается чистым глубоким черным.

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

Источник