Содержание

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

Настольные и портативные цифровые устройства поддерживают цветовую модель 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».

Шестнадцатеричные цветовые коды -  прописываются через шесть цифр

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

Шестнадцатеричные цветовые коды -  прописываются через шесть цифр

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

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

Шестнадцатеричные цветовые коды -  прописываются через шесть цифр

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

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

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

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

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

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

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

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

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

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

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

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

Чтобы это работало, необходимо использовать тег span внутри каждого тега a, например:
a { text-decoration:underline;color:#aaaaff; }
a span { text-decoration:none;color:#0000ff; }

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

a { text-decoration: none; border-bottom: 1px solid #aaaaff; }

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

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

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

h2 { color: #797979; }
p { color: #393939; }

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

Легко управлять фоном, изменяя hex-код цвета:
  • #404040 — нейтральный
  • #504030 — теплее
  • #304050 — холоднее

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

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

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

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

Использованный материал и полезное чтиво

Цвета | htmlbook.ru

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

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

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

Табл. 1. Десятичные и шестнадцатеричные числа меньше 16
Десятичные 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Шестнадцатеричные 1 2 3 4 5 6 7 8 9 A B C D E F

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной (табл. 2).

Табл. 2. Десятичные и шестнадцатеричные числа больше 16
Десятичные 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Шестнадцатеричные 10 11 12 13 14 15 16 17 18 19 1A 1B 1C 1D 1E 1F

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

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

<body bgcolor="#FA8E47">

Цвет фона задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, в модели RGB количество цветом может быть 256 х 256 х 256 = 16.777.216 комбинаций.

Веб-цвета

Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселей других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру, так называемых, веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых — красной, зелёной и синей — устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета — #33FF66.

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

Названия цветов

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

<body bgcolor="navy">

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

Название Цвет Hex Красный (R) Зеленый (G) Синий (B)
aqua   #00FFFF 00 255 255
black   #000000 00 00 00
blue   #0000FF 00 00 255
fuchsia   #FF00FF 255 00 255
gray   #808080 128 128 128
green   #008000 00 128 00
lime   #00FF00 00 255 00
maroon   #800000 128 00 00
navy   #000080 00 00 128
olive   #808000 128 128 00
purple   #800080 128 00 128
red   #FF0000 255 00 00
silver   #C0C0C0 192 192 192
teal   #008080 00 128 128
white   #FFFFFF 255 255 255
yellow   #FFFF00 255 255 00

Цвета HTML Color Теория


Цвета отображаются сочетание красного, зеленого и синего света.


Названия цветов

В CSS, цвета могут быть установлены с помощью названия цвета:

Пример

Color Name
 Red
 Yellow
 Cyan
 Blue
 Magenta

Значения цвета CSS

С помощью CSS цвета можно задать различными способами:

  • По именам цветов
  • Как значения RGB
  • В виде шестнадцатеричных значений
  • Как HSL значения (CSS3)
  • Как хвб значения (ксс4)

Цвета RGB

Значения цветов RGB поддерживаются во всех браузерах.

Значение цвета RGB задается с помощью: RGB (красный, зеленый, синий).

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

Например, RGB (0, 0255) отображается синим цветом, поскольку параметру Blue присвоено наибольшее значение (255), а другим — 0.

Привер

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue

Оттенки серого часто определяются с использованием одинаковых значений для всех 3 источников света:

Пример

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White


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

Шестнадцатеричные значения цветов также поддерживаются во всех браузерах.

Шестнадцатеричный цвет задается с помощью: #RRGGBB.

RR (red), GG (зеленый) и BB (синий) являются шестнадцатеричными целыми числами между 00 и FF, указав интенсивность цвета.

Например, #0000FF отображается синим цветом, так как синий компонент имеет наивысшее значение (FF), а остальные — 00.

Цвет

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue

Оттенки серого часто определяются с использованием одинаковых значений для всех 3 источников света:

Цвета в HTML — Как создать сайт

Способы указания цвета в языке HTML

Цвета HTML
HTML цвета и способы их указания

В языке HTML, существует два способа указать цвет:

1. С помощью имени цвета,
2. С помощью системы RGB, где цвета заданы в шестнадцатеричном формате.

Имя цвета

Имя цвета в HTML указывается английскими словами, например red или green. Имя цвета выступает в качестве значения атрибута HTML-тега. Имён цветов очень много, в этой статье мы рассмотрим лишь основные из них.

Обычно для задания цвета, в языке HTML используют два атрибута:

1. Атрибут color="имя_цвета" — цвет текста,
2. Атрибут bgcolor="имя_цвета" — цвет фона.

Примеры использования цветовых атрибутов:
color="red" — назначаем тексту красный цвет,
bgcolor="green" — назначаем фону зелёный цвет.

Таблица основных имён цветов HTML:

Имя цвета Его вид Перевод
white Белый
ivory Слоновая кость
silver Серебряный
gray Серый
black Чёрный
maroon Тёмно-бордовый
red Красный
orange Оранжевый
gold Золотой
yellow Жёлтый
olive Оливковый
lime Лайм
green Зелёный
aqua Морская волна
blue Синий
navy Нави
teal Бирюзовый
fuchsia Фуксиновый
purple Пурпурный

Шестнадцатеричная система счисления

В повседневной жизни мы пользуемся десятичной системой счисления от 0 до 9. Программисты и дизайнеры часто используют шестнадцатеричную систему счисления от 0 до 15, где:

10 = A
11 = B
12 = C
13 = D
14 = E
15 = F

Практически каждый цвет и оттенок видимый нашему зрению можно записать в шестнадцатеричной системе, например красный цвет red (красный) в шестнадцатеричной системе будет равен ff0000

color="red" — красный цвет, по имени,
color="#ff0000" — красный цвет, в шестнадцатеричной системе счисления.

В языке HTML, перед шестнадцатеричным числом, в значении атрибута ставят знак решётки #

RGB

Перед тем как начать указывать цвета в HTML с помощью шестнадцатеричной системы счисления, вам для начала нужно узнать о таком понятии как RGB

RGB — это сокращение от слов Red Green Blue (Красный Зелёный Синий).

Цвет в HTML, записанный в шестнадцатеричной системе состоит из трех блоков чисел 00 00 00, где каждый блок отвечает за один из цветов RGB, первый блок за красный цвет, второй за зелёный цвет, третий за синий цвет. Числа могут варьироваться от 00 до ff.

Где, ff — это 255 в десятичной системе счисления.

Схема RGB:
Red — от 00 до ff
Green — от 00 до ff
Blue — от 00 до ff

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

Если мы хотим получить красный цвет, то пишем ff0000, зелёный цвет 00ff00, синий цвет 0000ff. Например, если хотим получить тёмно красный цвет, то нужно уменьшить первый блок чисел и вместо ff (который равен в десятичной системе счисления 255), записать например 96 (который равен в десятичной системе счисления 150).

Приведём для наглядности, примеры цветов и их шестнадцатеричный код:

Цвет Его вид Шестнадцатеричный код
Красный #ff0000
Тёмно-красный #960000
Зелёный #00ff00
Тёмно-зелёный #009600
Синий #0000ff
Тёмно-синий #000096
Белый #ffffff
Чёрный #000000

Смешиваем цвета в HTML

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

Цвета, заданные с помощью шестнадцатеричной системы счисления и RGB, тоже можно смешивать:

 Цвет  Его вид Шестнадцатеричный код Что смешали
Желтый #ffff00 Красный и зелёный
Оранжевые оттенки #ff8800 Красный и немного зелёного
Фиолетовый #ff00ff Красный и синий
Фиолетовые оттенки #8800ff Немного красного и синий
Голубой #00aaff Синий и немного зелёного
Голубые оттенки #0055ff Немного зелёного и синий
Серые оттенки #aaaaaa Равномерно смешать все три цвета

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

Программы подбора цвета

(На данный момент, сервис от Яндекса отключили, обещают скоро включить.)
В мире существуют множество программ, которые помогут вам подобрать цвет. Например, если в Яндексе набрать слово RGB, то под поиском появится виджет, в котором можно подобрать для себя цвет.

Читать далее: Единицы измерения в HTML


Дата публикации поста: 5 февраля 2016

Дата обновления поста: 16 октября 2014


Навигация по записям

цветов в шестнадцатеричной / десятичной системе счисления

Красный, зеленый и синий

Шестнадцатеричные числа используются на веб-страницах для установки цветов.

Цвет определяется сочетанием красного , зеленого и синего , каждый из которых может находиться в диапазоне:

от 0 до 255 (в десятичной системе) или
00 до FF (в шестнадцатеричном формате)

Цвет может быть получен путем смешивания R ed, G reen и B lue, поэтому это называется «Цветовая система RGB ».

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

Смеситель цветов

Попробуйте смешать свои собственные цвета, чтобы увидеть, как это работает (или введите значения в шестнадцатеричные или десятичные поля):

См. Также Интерактивное цветовое колесо.

Шестнадцатеричные числа

Шестнадцатеричные числа «естественны» для компьютеров, потому что компьютеры хранят и обрабатывают двоичные цифры, а четыре двоичных цифры составляют одну шестнадцатеричную цифру (см. Двоичные цифры):

Десятичный: Двоичный: Шестнадцатеричный:
0 0 0
1 1 1
2 10 2
3 11 3
4 100 4
5 101 5
6 110 6
7 111 7
8 1000 8
9 1001 9
10 1010 А
11 1011 B
12 1100 С
13 1101 D
14 1110 E
15 1111 F

Таким образом, одна шестнадцатеричная цифра может иметь 16 различных значений (от 0 до 15 в десятичной системе), а две шестнадцатеричные цифры вместе (называемые «байтом») могут составлять 16 × 16 = 256 различных уровней цвета.

16 миллионов цветов

Поскольку каждый из трех цветов может иметь значения от 0 до 255 (256 возможных значений), существует:

256 × 256 × 256 = 256 3
= 16 777 216 возможных цветовых комбинаций

(и именно поэтому вы видите заявления о «16 миллионов цветов» на компьютерном оборудовании)

Веб-формат

Формат («обозначение»), используемый на веб-страницах: #RRGGBB , где RR — это количество красного (с использованием двух шестнадцатеричных цифр), GG — количество зеленого, а BB — синего.

Пример : красивый оттенок синего состоит из:

  • 64/255 Красный,
  • 48/255 Зеленый
  • 255/255 (т.е. полный) Синий

Таким образом, это (64,48,255) в десятичной системе счисления, что равно (40,30, FF) в шестнадцатеричной системе счисления и кодируется как # 4030FF .

Это может помочь вам запомнить:

Розы # FF0000
Фиалки # 0000FF
Только не забывайте,
Трава # 00FF00 тоже

Некоторые общие цвета


Цвет
Десятичный
(красный, зеленый, синий)
Шестнадцатеричный
(#RRGGBB)
Черный (0, 0, 0) # 000000
Белый (255, 255, 255) #FFFFFF
Красный (255, 0, 0) # FF0000
Зеленый (0, 255, 0) # 00FF00
Синий (0, 0, 255) # 0000FF
Желтый (255, 255, 0) # FFFF00
голубой (0, 255, 255) # 00FFFF
пурпурный (255, 0, 255) # FF00FF

Попробуйте ввести шестнадцатеричный код в цветовом микшере, указанном выше, и посмотрите, что вы получите (вы можете скопировать, затем щелкните правой кнопкой мыши шестнадцатеричное поле и выберите «вставить») .

Я также составил гораздо более длинный список шестнадцатеричных цветов и их названий.

,Таблица цветовых кодов

HTML 🎨

HTML цветовых кодов и названий.

Палитра цветов HTML

Красный цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светлый лосось # FFA07A RGB (255,160,122)
лосось # FA8072 RGB (250,128,114)
темный лосось # E9967A RGB (233,150,122)
светло-коралловый # F08080 RGB (240,128,128)
индийский красный # CD5C5C RGB (205,92,92)
малиновый # DC143C RGB (220,20,60)
огнеупорный кирпич # B22222 RGB (178,34,34)
красный # FF0000 RGB (255,0,0)
темно-красный # 8B0000 RGB (139,0,0)

Оранжевый цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
коралл # FF7F50 RGB (255,127,80)
помидор # FF6347 RGB (255,99,71)
оранжево-красный # FF4500 RGB (255,69,0)
золото # FFD700 RGB (255 215,0)
оранжевый # FFA500 RGB (255,165,0)
темно-оранжевый # FF8C00 RGB (255,140,0)

Желтые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светло-желтый # FFFFE0 RGB (255,255,224)
лимонный шифон #FFFACD RGB (255,250,205)
светло-золотисто-желтый # FAFAD2 RGB (250,250,210)
papayawhip # FFEFD5 RGB (255 239 213)
мокасины # FFE4B5 RGB (255 228 181)
персиковый # FFDAB9 RGB (255 218 185)
палево-золотой # EEE8AA RGB (238,232,170)
хаки # F0E68C RGB (240,230,140)
даркхаки # BDB76B RGB (189 183 107)
желтый # FFFF00 RGB (255,255,0)

Зеленые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
зеленый # 7CFC00 RGB (124,252,0)
шартрез # 7FFF00 RGB (127,255,0)
зеленовато-зеленый # 32CD32 RGB (50,205,50)
лайм # 00FF00 rgb (0.255,0)
лесозеленый # 228B22 RGB (34,139,34)
зеленый # 008000 RGB (0,128,0)
темно-зеленый # 006400 гб (0,100,0)
зелено-желтый # ADFF2F RGB (173,255,47)
желто-зеленый # 9ACD32 RGB (154,205,50)
весенне-зеленый # 00FF7F RGB (0,255,127)
средний весенний зеленый # 00FA9A RGB (0,250,154)
светло-зеленый # 90EE90 RGB (144 238 144)
палево-зеленый # 98FB98 RGB (152 251 152)
темно-синий # 8FBC8F RGB (143 188 143)
средний, зеленый # 3CB371 RGB (60,179,113)
морской зеленый # 2E8B57 RGB (46,139,87)
оливковое # 808000 RGB (128,128,0)
темно-оливковый, зеленый # 556B2F RGB (85,107,47)
оливедраб # 6B8E23 RGB (107,142,35)

Голубые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светло-голубой # E0FFFF RGB (224,255,255)
голубой # 00FFFF RGB (0,255,255)
аква # 00FFFF RGB (0,255,255)
аквамарин # 7FFFD4 RGB (127,255,212)
средний аквамарин # 66CDAA RGB (102,205,170)
палитра бирюза #AFEEEE RGB (175 238 238)
бирюза # 40E0D0 RGB (64 224 208)
средняя бирюза # 48D1CC RGB (72 209 204)
темно-бирюзовый # 00CED1 RGB (0,206,209)
светло-зеленый # 20B2AA RGB (32 178 170)
кадетсиний # 5F9EA0 RGB (95,158,160)
темно-синий # 008B8B RGB (0,139,139)
бирюзовый # 008080 RGB (0,128,128)

Синий цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
голубой # B0E0E6 RGB (176,224,230)
голубой # ADD8E6 RGB (173 216 230)
огни, голубой # 87CEFA RGB (135 206 250)
голубой # 87CEEB RGB (135,206,235)
темно-синий # 00BFFF гб (0,191,255)
голубой # B0C4DE RGB (176,196,222)
dodgerblue # 1E90FF RGB (30,144,255)
васильковый # 6495ED RGB (100,149,237)
голубой # 4682B4 RGB (70,130,180)
королевский синий # 4169E1 RGB (65,105,225)
синий # 0000FF гб (0,0,255)
средний синий # 0000CD RGB (0,0,205)
темно-синий # 00008B RGB (0,0,139)
темно-синий # 000080 гб (0,0,128)
полуночно-синий # 191970 RGB (25,25,112)
средний голубой # 7B68EE RGB (123 104 238)
грифельно-голубой # 6A5ACD RGB (106,90,205)
темно-синий # 483D8B RGB (72,61,139)

Пурпурный

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
лаванда # E6E6FA RGB (230,230,250)
чертополох # D8BFD8 RGB (216,191,216)
слива # DDA0DD RGB (221 160 221)
фиолетовый # EE82EE RGB (238 130 238)
орхидея # DA70D6 RGB (218,112,214)
фуксия # FF00FF гб (255,0,255)
пурпурный # FF00FF гб (255,0,255)
среднеорхид # BA55D3 RGB (186,85,211)
средне-фиолетовый # 9370DB RGB (147,112,219)
сине-фиолетовый # 8A2BE2 RGB (138,43,226)
темно-фиолетовый # 9400D3 RGB (148,0 211)
даркорхид # 9932CC RGB (153,50,204)
темно-пурпурный # 8B008B RGB (139,0,139)
фиолетовый # 800080 RGB (128,0,128)
индиго # 4B0082 RGB (75,0,130)

Розовый цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
розовый # FFC0CB RGB (255,192,203)
светло-розовый # FFB6C1 RGB (255 182 193)
хотпинк # FF69B4 RGB (255 105 180)
диппинк # FF1493 RGB (255,20,147)
палево-фиолетовый # DB7093 RGB (219 112 147)
средний фиолетовый # C71585 RGB (199,21,133)

Белый цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
белый #FFFFFF гб (255,255,255)
снег #FFFAFA RGB (255,250,250)
медовая роса # F0FFF0 RGB (240,255,240)
мятный крем # F5FFFA RGB (245,255,250)
лазурный # F0FFFF RGB (240,255,255)
aliceblue # F0F8FF RGB (240 248 255)
ghostwhite # F8F8FF RGB (248 248 255)
белый дым # F5F5F5 RGB (245 245 245)
ракушка # FFF5EE RGB (255 245 238)
бежевый # F5F5DC RGB (245 245 220)
oldlace # FDF5E6 RGB (253 245 230)
цветочный белый # FFFAF0 RGB (255,250,240)
слоновая кость # FFFFF0 гб (255,255,240)
антикв белый # FAEBD7 RGB (250 235 215)
белье # FAF0E6 RGB (250,240,230)
бледно-лиловый # FFF0F5 RGB (255 240 245)
туманная роза # FFE4E1 RGB (255 228 225)

Серые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
Gainsboro #DCDCDC RGB (220,220,220)
светло-серый # D3D3D3 RGB (211 211 211)
серебро # C0C0C0 RGB (192,192,192)
темно-серый # A9A9A9 RGB (169 169 169)
серый # 808080 RGB (128,128,128)
димгрей # 696969 RGB (105,105,105)
серый свет # 778899 RGB (119,136,153)
серый # 708090 RGB (112,128,144)
темно-серый # 2F4F4F RGB (47,79,79)
черный # 000000 rgb (0,0,0)

Коричневые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
корнсилк # FFF8DC RGB (255 248 220)
бланшированный миндаль #FFEBCD RGB (255 235 205)
бисквит # FFE4C4 RGB (255 228 196)
навайовайт #FFDEAD RGB (255 222 173)
пшеница # F5DEB3 RGB (245 222 179)
бурливуд # DEB887 RGB (222 184 135)
загар # D2B48C RGB (210,180,140)
розово-коричневый # BC8F8F RGB (188 143 143)
песочно-коричневый # F4A460 RGB (244,164,96)
золотарник # DAA520 RGB (218,165,32)
перу # CD853F RGB (205,133,63)
шоколад # D2691E RGB (210,105,30)
седло-коричневый # 8B4513 RGB (139,69,19)
сиена # A0522D RGB (160,82,45)
коричневый # A52A2A RGB (165,42,42)
бордовый # 800000 RGB (128,0,0)


См. Также

Напишите, как улучшить эту страницу

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

Шестнадцатеричных цветовых кодов — EniG. Инструменты для веб-мастеров

Щелкните любой цветной квадрат, чтобы получить его шестнадцатеричный цветовой код.

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

Использование цветовых кодов HTML для установки цвета текста (фона):


Инструменты для веб-мастеров

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

,

Шестнадцатеричные коды названных цветов, используемых на страницах HTML,

Color Spot Tables: tables of color swatches and color codes used in HTML and CSS

The Mobile Hex Hub Blues: бирюзово-голубой

Нужен мобильный? Есть мобильная версия этих цветовых диаграмм.
Блюз: бирюзово-голубой
Вы здесь

В приведенной ниже таблице показаны шестнадцатеричные коды цветов для оттенков синего, бирюзового, голубого и подобных цветов. Эта страница является частью Hex Hub сайта Color Spot на HTML Station. Вы можете использовать краткую справочную таблицу, чтобы выбрать одну из множества других доступных цветовых таблиц или увидеть значение меток (Safe 16 SVG Hex3).

Вы можете использовать разные форматы одной и той же информации (Чтобы проголосовать за эту версию, поделитесь этой ссылкой: Bookmark and Share )
расширенная версия / компактная версия / Мобильная версия

лазурный4 # 838B8B светло-голубой4 # 7A8B8B лазурный3 # C1CDCD
палитра бирюзовый4 # 668B8B светло-голубой3 # B4CDCD темно-серый (SVG) # 2F4F4F
darkslategrey (SVG) # 2F4F4F cadetblue # 5F9F9F светло-голубой # C0D9D9
darkslategray4 # 528B8B azure2 # E0EEEE paleturquoise3 # 96CDCD
sgiteal # 388E8E darkslategray3 # 79CDCD светло-голубой2 # D1EEEE
голубой # 8FD8D8 aqua (Safe Hex3) # 66CCCC бирюзовый #ADEAEA
средняя бирюзовая # 70DBDB paleturquoise2 #AEEEEE paleturquoise (SVG) #AFEEEE
darkslategray2 # 8DEEEE мятный металлик # 37FDFC бирюзовый (16 SVG) # 008080
темно-синий (SVG) # 008B8B голубой3 # 00CDCD голубой2 (Hex3) # 00EEEE
голубой (Safe 16 SVG Hex3) # 00FFFF голубой (Safe 16 = aqua SVG Hex3) # 00FFFF darkslategray1 # 97FFFF
paleturquoise1 (Hex3) #BBFFFF lightcyan (SVG) # E0FFFF лазурный (SVG) # F0FFFF
темно-бирюзовый (SVG) # 00CED1 голубой кадет (SVG) # 5F9EA0 бирюзовый4 # 00868B
бирюзовый3 # 00C5CD бирюзовый2 # 00E5EE бирюзовый1 # 00F5FF
бассейн # 67E6EC fenway monster # 4A777A бирюзовый светодиод # 05EDFF
cadetblue4 # 53868B старая медь # 73B1B7 indiglo # 05E9FF
cadetblue3 # 7AC5CD cadetblue2 # 8EE5EE cerulean # 05B8CC
cadetblue1 # 98F5FF голубой порошок (SVG) # B0E0E6 пастельно-синий # C1F0F6
nypd blue # 39B7CD lindsay eyes # 65909A голубой бриллиант # 0EBFE9
Яйцо Робина # C3E4ED голубой4 # 68838B surf # 63D1F4
голубой3 # 9AC0CD озеро Мичиган # 50A6C2 голубой (SVG) # ADD8E6
голубой2 # B2DFEE deepskyblue4 # 00688B deepskyblue3 # 009ACD
skyblue5 (Safe Hex3) # 0099CC deepskyblue2 # 00B2EE deepskyblue (SVG) # 00BFFF
голубой1 #BFEFFF павлин # 33A1C9 ЖК-дисплей темный # 507786
skyblue (SVG) # 87CEEB Summersky # 38B0DE полицейский строб # 0BB5FF
Карибский бассейн # 42C0FB синяя акула # 6996AD каролина синяя # 539DC2
steelblue # 236B8E skyblue6 # 3299CC топаз # 0198E1
синяя линия # 33A1DE светло-голубой4 # 607B8B тихоокеанский синий # 35586C
синяя губка # 5D92B1 светло-голубой3 # 8DB6CD глазки # 325C74
светло-голубой2 # A4D3EE голубой туман # 82CFFD неоново-синий # 67C8FF
светло-голубой1 # B0E2FF светло-голубой (SVG) # 87CEFA небесно-голубой3 # 6CA6CD
skyblue4 # 4A708B cerulean blue # 9BC4E2 skyblue2 # 7EC0EE
skyblue1 # 87CEFF malta blue # 517693 Lake Huron # 5D7B93
синий кит # 42647F steelblue (SVG) # 4682B4 steelblue3 # 4F94CD
steelblue2 # 5CACEE steelblue1 # 63B8FF blue dog # 525C65
steelblue4 # 36648B тропический синий # 62B1F6 blue ice # 74BBFB
aliceblue (SVG) # F0F8FF аквамарин # 4E78A0 краситель индиго # 0D4F8B
slategrey (SVG) # 708090 slategray (SVG) # 708090 lightslategrey (SVG Hex3) # 778899
Lightslategray (SVG Hex3) # 778899 Lake Erie # 6183A6 slategray3 # 9FB6CD
sgilight blue # 7D9EC0 dodgerblue4 # 104E8B dodgerblue3 # 1874CD
dodgerblue2 # 1C86EE la maison bleue # 60AFFE slateblue # 007FFF
dodgerblue (SVG) # 1E90FF slategray4 # 6C7B8B голубой вереск # B7C3D0
серо-голубой # 739AC5 голубика # 75A1D0 slategray2 # B9D3EE
синее ведро # 499DF5 slategray1 # C6E2FF греческая крыша # 3B6AA0
кошачий глаз # 7AA9DD синий Пикассо # 0276FD синий знак # 003F87
светло-голубой стальной4 # 6E7B8B озеро верхнее # 506987 светло-голубой3 # A2B5CD
джинсовая ткань # 4372AA синий паук # 26466D павлин # 1D7CF2
голубой тунец # 687C97 голубая кукуруза # 344152 голубой камень # 50729F
синяя птица # 4973AB светосталь (SVG) # B0C4DE почтовый ящик # 3063A5
светло-голубой2 # BCD2EE незабудки # 7EB6FF светло-голубой1 # CAE1FF
озеро Онтарио # 4D71A3 blue angels # 2B4F81 blue ridge mtns # 4981CE
синяя корова # 88ACE0 химический костюм # 5993E5 большой синий автобус # 3A66A7
попугай # 3579DC синяя таблетка # 5190ED синие джинсы # 42526C
голубой минтай # 4D6FAC голубой иньмин # 2E5090 Сент-Луис-блюз # 2C5197
синий (SVG) # 6495ED Нептун # 6D9BF1 природный газ # 5B90F6
ulysses butterfly # 1464F4 синий шлейф # 3A5894 темно-бирюзовый # 7093DB
небо аляски # 1B3F8B черничный фреш # 5971AD ty nant # 0147FA
кобальт # 3D59AB royalblue4 # 27408B royalblue3 # 3A5FCD
royalblue (SVG) # 4169E1 royalblue2 # 436EEE цихлид # 003EFF
royalblue1 # 4876FF алюминий # A9ACB6 delft # 22316C
синий бархат # 162252 синий виноград # 3B4990 синий пабст # 283A90
дельфин # 6F7285 никко синий # 838EDE серебристый # E6E8FA
голубой нил # 7D7F94 витраж # 2E37FE midnightblue # 2F2F4F
васильковый # 42426F светло-голубой # 8F8FBC richblue # 5959AB
сгислат синий # 7171C6 кварц # D9D9F3 темно-синий # 23238E
средний синий # 3232CC средний синий2 # 3232CD полуночный синий (SVG) # 191970
лаванда (SVG) # E6E6FA midnightblue2 (Safe Hex3) # 000033 темно-синий (16 SVG) # 000080
темно-синий (SVG) # 00008B newmidnightblue # 00009C средний синий (SVG) # 0000CD
синий2 (Hex3) # 0000EE синий (Safe 16 SVG Hex3) # 0000FF royalblue (Safe Hex3) # 3333FF
неоново-синий # 4D4DFF кобальт (Safe Hex3) # 6666FF барвинок (Hex3) #AAAAFF
offwhiteblue (Safe Hex3) #CCCCFF ghostwhite (SVG) # F8F8FF curacao # 5B59BA
ультрамарин # 120A8F президентский синий # 302B54 темно-синий (SVG) # 483D8B
голубой шифер4 # 473C8B платье голубой # 3B3178 голубой шифер (SVG) # 6A5ACD
голубой шифер3 # 6959CD голубой шифер2 # 7A67EE голубой шифер1 # 836FFF
светло-голубой # 8470FF средне-синий (SVG) # 7B68EE василек (Safe Hex3) # 3300FF
средний фиолетовый4 # 5D478B средний фиолетовый2 # 9F79EE средний фиолетовый3 # 8968CD
среднефиолетовый (SVG) # 9370DB средний фиолетовый1 # AB82FF синий сейф (Safe Hex3) # 6600FF
синий глубокий # 380474
,