Rgb код серого цвета записывается как

Gray / Серый / #808080 Шестнадцатеричный Код Цветов

gray / Серый цвета по шестнадцатеричному коду цвета #808080 является оттенком серый. В модели цвета RGB #808080 составляет 50.2% красного, 50.2% зеленого и 50.2% синего. В цветовом пространстве HSL #808080 имеет оттенок 0° (градусов), 0% насыщенность и 50% светлости. Этот цвет имеет приблизительную длину волны в 0 nm.

Цветовые вариации

Вывернутый
#7f7f7f
Насыщенный на 25%
#808080
Оттенки Серого
#808080
Светлее на 25%
#a0a0a0
Оригинал
#808080
Темнее на 25%
#666666 / #666
Web-цвет: gray
#808080
Оттенки Серого 25%
#808080
HTML: gray
#808080

Именованные цвета

Близко Связаны

Голубовато-серый цвет
#848482
Серый шифер
#708090
Розовый Маунтбэттена
#997a8d
Хаки
#78866b
Военно-воздушный синий
#5d8aa8

Косвенно Связаны

Цвет загара
#d2b48c
Тёмный хаки, хаки
#bdb76b
Персидский синий
#6600ff / #60f
Коричневый, умбра жжёная
#8a3324
Изумрудный
#50c878

Отдаленно Связаны

Жёлтый
#ffff00 / #ff0
Белый
#ffffff / #fff
Кремовый
#fffdd0
Лимонно-кремовый
#fffacd
Тёмно-синий, цвет формы морских офицеров
#000080

Цветовые схемы

Монохроматические Цвета

Оттенки

#808080 в Белый

#808080 в Черный

Краски

Точные соответствия

Vapor Steel Gray

Urban Obsession

Polar Gray

Aluminio Brillante Al-01

Связанные краски

ISOMAT

★ IST 030-04
#818181 ΔE = 0.392 / LRV ≈ 22.0%

Pantone / PMS

★ 8401 C
#7f7f7e ΔE = 0.714 / LRV ≈ 21.2%

Tollens

★ T2142-6
#807f80 ΔE = 0.758 / LRV ≈ 21.3%

Coronado Paint

RAL

Sigma

CHROMATIC

Sikkens

★ ON.00.49
#828281 ΔE = 0.949 / LRV ≈ 22.3%

Abet Laminati

Brillux

★ 99.00.36
#828383 ΔE = 1.160 / LRV ≈ 22.6%

California Paints

Dunn-Edwards

Benjamin Moore

Resene

Matthews Paint

Behr

General Paint

Dulux

ICI Paints

Chrysler

#808080 HTML и CSS Примеры

#808080 передний план

#808080 фон

#808080 тень текста

Чарт Композиций

RGB

CMYK

RYB

Цветовые пространства

Десятичный 8421504 Двоичный 10000000, 10000000, 10000000 Шестнадцатеричный #808080 LRV ≈ 21.6% Ближайший короткий шестигранник #888 ΔE = 3.118 RGB rgb(128, 128, 128) RGBA rgba(128, 128, 128, 1.0) Цветность rg r: 0.333, g: 0.333, b: 0.333 RYB красный: 50.196%, желтый: 50.196%, синий: 50.196% Android / android.graphics.Color -8355712 / 0xff808080 HSL hsl(0, 0%, 50%) HSLA hsla(0, 0%, 50%, 1.0) HSV / HSB оттенок: 0° (0.000), насыщение: 0% (0.000), стоимость: 50% (0.502) HSP оттенок: 0.000, насыщение: 0.000%, воспринимаемая яркость: 50.196% HSL_uv (HUSL) H: 146.356, S: 0.000, L: 53.585 Cubehelix H: -120.000, S: 0.000, L: 0.502 TSL T: 0.000, S: 0.000, L: 0.502 CMYK голубой: 0% (0.000), пурпурный: 0% (0.000), желтый: 0% (0.000), чёрный: 50% (0.498) CMY голубой: 50% (0.498), пурпурный: 50% (0.498), желтый: 50% (0.498) XYZ X: 20.517, Y: 21.586, Z: 23.504 xyY x: 0.313, y: 0.329, Y: 21.586 CIELab L: 53.585, a: -0.000, b: 0.000 CIELuv L: 53.585, u: -0.000, v: 0.000 CIELCH / LCHab L: 53.585, C: 0.000, H: 158.199 CIELUV / LCHuv L: 53.585, C: 0.000, H: 146.356 Hunter-Lab L: 46.461, a: -2.482, b: 2.529 CIECAM02 J: 43.253, C: 1.461, h: 210.928, Q: 129.575, M: 1.278, s: 9.931, H: 267.800 OSA-UCS расторопность: -10.081, желтый: -0.126, зеленый: 0.217 LMS L: 20.491, M: 22.350, S: 23.469 YCbCr Y: 125.952, Cb: 128.000, Cr: 128.000 YCoCg Y: 128.000, Cg: 0.000, Co: 32.000 YDbDr Y: 128.000, Db: 0.000, Dr: 0.000 YPbPr Y: 128.000, Pb: 0.000, Pr: -0.000 xvYCC Y: 125.929, Cb: 128.000, Cr: 128.000 YIQ Y: 128.000, I: 0.000, Q: -0.000 YUV Y: 128.000, U: 0.001, V: 0.000 Okhsl h: 89.876, s: 0.000, l: 0.536 Okhsv h: 89.876. s: 0.000, v: 0.536 Okhwb h: 89.876, w: 0.536, b: 0.464 Oklab l: 0.600, a: 0.000, b: 0.000 Oklch l: 0.600, c: 0.000, h: 89.876 Цветовая Система Манселл 10P 5/1 ΔE = 3.242 Цвет бренда Wii ΔE = 9.638

Серые цвета и оттенки

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

Серый
HEX: #808080, RGB: 128,128,128

Агатовый серый
HEX: #B5B8B1, RGB: 181,184,177
Антрацитово-серый
HEX: #293133, RGB: 41,49,51
Базальтово-серый
HEX: #4E5754, RGB: 78,87,84
Бежево-серый
HEX: #6D6552, RGB: 109,101,82
Бело-алюминиевый
HEX: #A5A5A5, RGB: 165,165,165
Бледно-зелено-серый
HEX: #8D917A, RGB: 141,145,122
Брезентово-серый
HEX: #4C514A, RGB: 76,81,74
Галечный серый
HEX: #B8B799, RGB: 184,183,153
Гейнсборо
HEX: #DCDCDC, RGB: 220,220,220
Графитовый серый
HEX: #474A51, RGB: 71,74,81
Гридеперлевый
HEX: #C7D0CC, RGB: 199,208,204
Железно-серый
HEX: #434B4D, RGB: 67,75,77
Зеленовато-серый
HEX: #7A7666, RGB: 122,118,102
Каменно-серый
HEX: #8B8C7A, RGB: 139,140,122
Кварцевый
HEX: #99958C, RGB: 153,149,140
Кварцевый серый
HEX: #6C6960, RGB: 108,105,96
Лесной волк
HEX: #DBD7D2, RGB: 219,215,210
Мышино-серый
HEX: #646B63, RGB: 100,107,99

Пепельный
HEX: #C6C3B5, RGB: 198,195,181
Перламутровый светло-серый
HEX: #9C9C9C, RGB: 156,156,156
Перламутровый темно-серый
HEX: #828282, RGB: 130,130,130
Платиновый
HEX: #E5E4E2, RGB: 229,228,226
Платиново-серый
HEX: #7F7679, RGB: 127,118,121
Пурпурно-серый
HEX: #88706B, RGB: 136,112,107
Пыльно-серый
HEX: #7D7F7D, RGB: 125,127,125
Светло-серебристый
HEX: #C9C0BB, RGB: 201,192,187
Светло-серый
HEX: #BBBBBB, RGB: 187,187,187
Светлый телегрей
HEX: #D0D0D0, RGB: 208,208,208
Серая белка
HEX: #78858B, RGB: 120,133,139
Серебристо-серый
HEX: #8A9597, RGB: 138,149,151
Серебряный
HEX: #C0C0C0, RGB: 192,192,192
Серебряный Крайола
HEX: #CDC5C2, RGB: 205,197,194
Серый бетон
HEX: #686C5E, RGB: 104,108,94
Серый Крайола
HEX: #95918C, RGB: 149,145,140
Серый нейтральный
HEX: #A0A0A4, RGB: 160,160,164
Серый шелк
HEX: #CAC4B0, RGB: 202,196,176
Сигнальный серый
HEX: #969992, RGB: 150,153,146
Телегрей
HEX: #909090, RGB: 144,144,144
Темно-серый
HEX: #49423D, RGB: 73,66,61
Темный телегрей
HEX: #82898F, RGB: 130,137,143
Транспортный серый
HEX: #8D948D, RGB: 141,148,141
Тусклый серый
HEX: #696969, RGB: 105,105,105
Цвет Бороды Абдель-Керима
HEX: #D5D5D5, RGB: 213,213,213
Цементно-серый (Цементный)
HEX: #7D8471, RGB: 125,132,113

Основы работы с цветом в html, таблица и коды цветов html

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

Цветовая гамма в html

В html цвет может быть задан в нескольких форматах:

1. В виде шестнадцатеричного значения – используются код, заданный в шестнадцатеричной системе исчисления. Такие коды цветов в html состоят из трех пар шестнадцатеричных чисел. Каждая пара отвечает за насыщенность оттенка своим основным цветом:

Первая числовая пара – отвечает за красный цвет;
Вторая пара – за содержание зеленого цвета;
Последняя – за содержание синего цвета.

В начале кода ( перед цифрами ) ставится решетка. Так обозначается шестнадцатеричный цветовой код. Кроме чисел от 1 до 9 в этой системе исчисления используются буквы латинского алфавита (A, B, C, D, E, F).

Например, код белого цвета в html будет иметь вид #FFFFFF :

2. Ключевым словом – сейчас html поддерживает около 147 ключевых слов. Но не все из этих слов являются уникальными. Некоторые из них ссылаются на один и тот же цветовой оттенок.

Серый цвет обозначается двумя ключевыми словами: grey и gray . Их шестнадцатеричный код ( HEX ) задается одним и тем же значением #808080 .

#808080

gray

grey

3. В формате RGB – эта кодировка цветов в html основана на использовании трех значений, задаваемых в диапазоне от 0 до 255. Каждое из них определяет насыщенность оттенка одним из основных цветов:

R – красный ( red );
G – зеленый ( green );
B – синий ( blue ).

Номер цвета в формате RGB записывается в таком виде: rgb(0, 210, 100).

background-color:rgb(100,186,43)

4. В формате RGBA – он представляет собой усовершенствованный формат RGB , где четвертым значением задается прозрачность цвета в виде десятичной дроби от 0 до 1.

background-color:rgba(100,86,143,0.2)
 background-color:rgba(100,86,143,0.5)
 background-color:rgba(100,86,143,0.8)
 background-color:rgba(100,86,143,1)

Таблицы цветов html и генераторы цвета

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

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

Чтобы обойти эту преграду и максимально упростить подбор нужного оттенка, были разработаны интерактивные веб-сервисы. Их пользовательский интерфейс может несколько разниться между собой.

На сайте html-color-codes.info генератор цветов имеет такой вид:

А в рамках сервиса color-picker.appsmaster.co этот инструмент реализован немного иначе:

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

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

Техника безопасности при работе с цветом

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

Тогда была выведена великая таблица безопасных цветов. В ней указывалось 216 оттенков, которые могли быть отображены без искажения в любом из браузеров того времени. И по сей день эта « великая рукопись » еще доступна на некоторых ресурсах:

В наше время все изменилось. Поэтому все правила техники безопасности при работе с цветом в html полностью аннулируются. Ведь современное компьютерное железо поддерживает более 16 миллионов различных оттенков. И 216 безопасных цветов канули в лету.

Эти данные полностью подтверждаются статистикой. Судя по ней, в 2014 году всего лишь 0.5% пользователей имеют компьютеры, поддерживающие лишь 256 оттенков.

Основы цветовой гармонии

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

Схема параллельных цветов – когда оба оттенка в цветовом кругу находятся параллельно;
Триадная схема – в основе всех углов треугольника лежит один из цветов;
Монохроматическая – когда подбираются несколько близких оттенков одного цвета;
Аналоговая – более расширенная версия монохроматической схемы. При этом оттенки одного цвета находятся на определенном удалении.

Реализация всех этих схем хорошо представлена в рамках сервиса paletton.com . Он позволяет без труда осуществить гармоничный подбор цвета.

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

Тип color

Тип color предназначен для хранения информации о цвете и занимает в памяти 4 байта. Первый байт не учитывается, остальные 3 байта содержат RGB-составляющие.

Цветовые константы могут быть представлены тремя различными способами: литерально, целочисленно или при помощи имени (только для именованных Web-цветов).

Литеральное представление состоит из трех частей, представляющих числовые значения интенсивности трех основных компонент цвета: красной (red), зеленой (green), синей (blue). Константа начинается с символа C и обрамляется одинарными кавычками. Числовые значения интенсивности компоненты цвета лежат в диапазоне от 0 до 255.

Целочисленное представление записывается в виде шестнадцатеричного или десятичного числа. Шестнадцатеричное число имеет вид 0x00BBGGRR, где RR — значение интенсивности красной компоненты цвета, GG — зеленной, а BB — синей. Десятичные константы не имеют прямого отражения в RGB. Они представляют собой десятичное значение шестнадцатеричного целочисленного представления.

Именованные цвета отражают так называемый набор Web-цветов.

//— литералы
C’128,128,128′ // серый
C’0x00,0x00,0xFF’ // синий
//названия цветов
clrRed // красный
clrYellow // желтый
clrBlack // черный
//— целочисленные представления
0xFFFFFF // белый
16777215 // белый
0x008000 // зеленый
32768 // зеленый