Шестнадцатеричный код цвета #808080 — это средне-серый оттенок. Шестнадцатеричные коды цвета используются для представления цветов в веб-дизайне, графическом дизайне и цифровой обработке изображений. Шестнадцатеричный код состоит из 3 наборов по 2 цифры в диапазоне от 00 до FF, представляющих значения RGB (красный, зеленый, синий), которые создают цвет. #808080 представляет цвет с равными частями значений красного, зеленого и синего. Когда красный, зеленый и синий смешиваются в равных количествах, результатом является оттенок серого.
Все шестнадцатеричные коды начинаются с символа решетки #, а затем содержат 6 символов в диапазоне от 0 до 9 и AF. Эти 6 символов представляют значения красного, зеленого и синего (RGB), которые составляют цвет. Значение красного представлено первыми 2 символами. Значение зеленого представлено средними 2 символами. А значение синего представлено последними 2 символами.
Каждое значение находится в диапазоне от 00 до FF, где 00 — наименьшее значение, а FF — наибольшее значение. Если в #808080 красный, зеленый и синий установлены на 80, этот шестнадцатеричный код представляет цвет, полученный путем объединения равных частей красного, зеленого и синего, что приводит к среднему серому.
Причина, по которой #808080 выглядит как средний серый цвет, заключается в его равных значениях RGB:
| Красный: | 80 |
| Зеленый: | 80 |
| Синий: | 80 |
Значения красного, зеленого и синего установлены на 80 по шкале от 00 до FF (в шестнадцатеричной системе счисления). Это составляет около 50% интенсивности для каждого значения цвета.
Когда красный, зеленый и синий смешиваются в равных количествах, они создают оттенки серого. Более конкретно:
– #000000 – черный (нет цвета)
– #808080 – средний серый (равные части красного, зеленого и синего)
– #FFFFFF – белый (полная интенсивность красного, зеленого и синего)
Таким образом, #808080 представляет собой среднюю точку, при этом его равные значения RGB создают средний уровень интенсивности цвета для среднего серого.
В цветовой модели RGB каждому цвету присваивается числовое значение в диапазоне от 0 до 255. Это определяет интенсивность этого цвета:
| Значение цвета | Интенсивность |
| 0 | Нет цвета |
| 127 | 50% интенсивности |
| 255 | Полная интенсивность |
Шестнадцатеричная нумерация сокращает этот диапазон с 0-255 до шестнадцатеричной системы счисления с 0-FF. 80 hex равно 128 base-10. Это означает, что #808080 представляет уровень интенсивности 128/255 для красного, зеленого и синего. 128/255 упрощенно соответствует 50% интенсивности для каждого цвета.
При преобразовании в другие цветовые режимы #808080 имеет следующие значения:
– RGB: 128, 128, 128
– HSL: 0, 0%, 50%
– CMYK: 0, 0, 0, 50
Как видите, значения красного, зеленого и синего равны, а значения оттенка, насыщенности, яркости и голубого/пурпурного/желтого/черного представляют собой среднее значение оттенков серого.
Лучший способ получить представление о том, как выглядит #808080, — это просмотреть его. Вот #808080, представленный в виде сплошного цветного блока:
Как вы можете видеть, он отображается как средне-серый, на полпути между черным и белым. Он имеет равный баланс и средний уровень интенсивности красного, синего и зеленого света.
Вы также можете предварительно просмотреть #808080 в приложениях для дизайна, таких как:
– Графические инструменты дизайна, такие как Adobe Photoshop и Illustrator
– Конструкторы веб-сайтов и редакторы кода, которые распознают шестнадцатеричные коды
– Приложения для рисования с селекторами цветов и палитрами
Всякий раз, когда вы вводите #808080, будет отображаться средне-серый цвет. Это позволяет вам проверить, как он выглядит, и убедиться, что это правильный оттенок серого для вашего проекта.
Некоторые распространенные варианты использования и применения шестнадцатеричного цвета #808080 включают:
– Фон веб-сайтов – он создает тонкий, нейтральный фон.
– Границы и линии – он может разделять разделы или элементы мягкой серой линией.
– Типографика – #808080 можно использовать для текста и заголовков. Он обеспечивает достаточный контраст на белом фоне, не будучи резким.
– Тени – средний серый тон хорошо подходит для тонких эффектов тени позади элементов интерфейса или текста.
– Значки – #808080 отлично подходит для контурных значков и монохромных наборов значков.
– Нейтральные акценты – для выделения или акцентирования областей без использования яркого цвета.
Цвет хорошо подходит для любого минималистичного, современного или монохромного дизайна, где средний серый обеспечит некоторый контраст, не привлекая слишком много внимания. Вот несколько конкретных примеров:
– Пользовательские интерфейсы — как тонкие границы и фоны
– Целевые страницы — как цвет основного текста
– Типографика — для текстовых элементов, которые должны слегка выделяться
– Сайты электронной коммерции — как акцент или цвет текста рядом с черным и белым
– Фотография — как цвет наложения для выцветшего, тонированного вида
В целом, #808080 подходит везде, где вам нужен мягкий нейтральный серый оттенок.
#808080 может работать в цветовых схемах, которые используют оттенки серого для нейтральности, в том числе:
Монохромные — монохромные палитры используют вариации светлоты и насыщенности одного базового оттенка. #808080 — хороший средний оттенок серого для построения палитры. Более светлые оттенки и более темные оттенки создают контраст.
Аналогичные — Аналоговые схемы используют 3 цвета рядом друг с другом на цветовом круге. #808080 работает с более светлыми загорелыми и коричневыми или более темными угольно-серыми аналогичными цветами.
Дополнительные — Дополнительные пары контрастируют цвет с его противоположностью на круге. Средний синий (#8080FF) дополняет #808080 для яркой пары.
Триадные — Триадные палитры используют 3 цвета, равномерно распределенных по цветовому кругу. #808080 прекрасно контрастирует с проявлениями своих противоположностей RGB, таких как томатно-красный и лазурно-синий.
Нейтральные — Нейтральные схемы состоят только из черного, белого, серого и бежевого. #808080 — идеальный средний нейтральный серый цвет, вокруг которого можно построить палитру.
Баланс и средний тон #808080 позволяют ему гибко работать с более яркими, темными, светлыми и более красочными оттенками. Его легко сочетать практически с любым другим оттенком.
Некоторые другие серые шестнадцатеричные коды рядом с #808080 включают:
| #767676 | #7E7E7E |
| #868686 | #BEBEBE |
Более светлые оттенки, такие как #C0C0C0, #D3D3D3, #E6E6E6
Более темные оттенки, такие как #525252, #3D3D3D, #292929
В то время как #808080 находится посередине как средне-серый, эти похожие шестнадцатеричные коды обеспечивают больше нюансов по всему спектру яркости.
#808080 также можно сравнить с другими названиями серого цвета:
– RGB 128,128,128 – Medium gray
– Pantone Cool Gray 6 C
– Benjamin Moore Classic Gray OC-23
– CMYK 0,0,0,50 – Neutral Gray
Однако шестнадцатеричный код #808080 обеспечивает точный, универсальный способ представления этого цвета в цифровом виде.
При использовании #808080 для текста, элементов пользовательского интерфейса или других заметных областей важно обеспечить достаточный контраст по отношению к фону.
Вот некоторые минимальные коэффициенты контрастности класса AAA для #808080 по отношению к обычным фоновым цветам:
| Фон | Контрастность |
| Белый | 4,5:1 |
| Светло-серый | 3,0:1 |
| Темно-серый | 3,5:1 |
| Черный | 7:1 |
Контрастность помогает сделать интерфейсы и контент доступными для людей с нарушениями зрения. Более темные фоны требуют более высокой контрастности, в то время как белые фоны могут работать с более низкой контрастностью.
Шестнадцатеричный цветовой код #808080 переводится как средний серый оттенок с равными частями красного, зеленого и синего. Он обеспечивает нейтральный, приглушенный тон, который гибко работает в различных дизайнерских приложениях. #808080 предлагает умеренный контраст на более темных и светлых фонах, что делает его разборчивым в интерфейсах и контенте. В целом, это необходимый нейтральный серый цвет для вашей палитры.