Цвета код hex: Конвертер Цветов Онлайн — HEX ⇒ RGB ⇒ RGBA ⇒ CMYK ⇒ HSL ⇒ HSLA ⇒ HSB ⇒ HSV ⇒ XYZ ⇒ LAB. Калькулятор цветов HTML. Генератор цветов CSS3 — ColorScheme.Ru

Кодирование цветов: HEX, RGBa, HSB

/designer

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

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

Любой цвет, который виден на экране в рамках цветовой системы RGB (Red, Green, Blue), может быть передан при помощи комбинации трёх цветовых каналов: красного, зелёного и синего. Хекс-коды состоят из трёх пар символов, каждая из которых отвечает за один из этих каналов. Используется шестнадцатиричное исчисление:

0 1 2 3 4 5 6 7 8 9 A B C D E F

00 — минимальное значение канала, а FF — максимальное.

#000000 — отсутствие цвета по всем трём каналам, чёрный

#FFFFFF — максимум по всем каналам, белый

#FF0000 — максимум по красному каналу, ярко-красный

#00FF00 — максимум по зелёному, ярко-зелёный

#0000FF — максимум по синему каналу

Если по всем трём каналам стоит равное значение, например, #808080, цвет будет монохромным, то есть не будет иметь оттенка. Это происходит, потому что каналы друг друга компенсируют.

Хекс-коды — это основной стандарт кодирования цветов в вебе. Их плюс в том, что их удобно копировать и передавать.

RGB-код

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

0 — минимальное значение канала, 255 — максимальное.

0, 0, 0 — отсутствие цвета по всем каналам, чёрный

255, 255, 255 — максимум по всем каналам, белый

255, 0, 0 — максимум по красному каналу, ярко-красный

0, 255, 0 — максимум по зелёному, ярко-зелёный

0, 0, 255 — максимум по синему каналу

Такой метод кодирования цветов применяется в печати наравне с системой каналов CMYK (Cyan, Magenta, Yellow, Black), а также послужил прототипом для системы RGBa, о которой поговорим дальше. Про CMYK в рамках этой статьи мы говорить не будем.

Плюс такой системы, что такие коды более запоминаемы и их удобно диктовать на слух.

RGBa-код

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

Первые три канала задаются от 0 до 255, а альфа-канал от 0 до 1.

Значение альфы 0.5 соответствует 50% опасити.

Как формируется RGBa-код:

rgba(красный, зелёный, синий, альфа)

Примеры:

rgba(0, 0, 0, 0.5) — чёрный, с опасити на 50%

rgba(255, 255, 255, 1) — непрозрачный белый

Такая система имеет плюсы от обоих подходов: RGBa-код можно скопировать и всё ещё легче запоминать.

Их можно вставлять в CSS-код вместо хексов.

HSB-цвета

Существует также третья система кодирования цвета – HSB.

В ней цвет не делится на каналы, а формируется из трёх качеств:

Hue [хью], Saturation [сэтюрэйшн], Brightness [брайтнес].

— оттенок по цветовому кругу, который соответствует градусу. От 0° до 359°. Гораздо нагляднее эта шкала будет, если представить её в виде круга. Шкала начинается с красного. Бирюзовому оттенку, противоположному красному, соответствует угол 180. Увы, это неочевидно из шкалы оттенка:

2.

Saturation

— насыщенность оттенка от 0 до 100.

Передаёт, насколько цвет едкий и интенсивный.

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

3.

Brightness

— яркость оттенка. В этой шкале чистый цвет смешивается с чёрным, постепенно становясь темнее.

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

Шкала красного оттенка:

Открыть канал

/designer

— образовательный телеграм-канал об продуктовом дизайне, инструментах для него, о карьере дизайнера и эмиграции. Опечатки и обратную связь → @okunev

Наверх

HEX-код — что это и как работает для обозначения цветов

Работа с цветом — это основной инструмент графического и веб-дизайнера. Каждое приложение и сайт подразумевает использование собственных оттенков, даже если выбран максимально лаконичный стиль.

На этапе создания макетов подсказки по выбору цветовой гаммы есть во многих редакторах, та же компания Adobe предлагает для своих продуктов основные виды гармоний:

• колесо;
• комплементарность;
• контраст;
• оттеночные «гибриды»
• и многое другое.

Но при переносе цветов в веб-интерфейс потребуются специальные коды. Они есть у каждого оттенка, обозначаются шестизначным номером через знак «решетки». Например, код #000000 — это черный цвет.

Это и есть HEX-коды, комбинации определенных букв и цифр, которые «объясняют» виртуальному интерфейсу, какой именно оттенок нужно передать.

Что такое HEX-коды и как они формируются

HEX-коды подходят для определения практически любого тончайшего нюанса между цветами и переходами. Слово HEX происходит от hexadecimal — в переводе с английского языка «шестнадцатеричный».

Для кодировки цветовых значений используется шестнадцатеричная система, используемая во многих языках программирования. Принцип формирования HEX-кода:

• Числа 10-15 обозначаются буквами латинского алфавита, используются A, B, C, В, E, F. Дальше «F» буквы не идут, а код #ffffff – это чистый белый цвет, один из самых широко используемых кодов наряду с «нулями», обозначающими черный.

• Шестнадцатеричная система тесно связана с двоичной, которую используют компьютеры, мобильные телефоны и другая техника, предназначенная для отображения размещенной в интернете информации, поэтому при формировании данные обмениваются между собой.
• Все цвета выстраиваются из основных — синий, зеленый, красный. Этот принцип хорошо известен дизайнерам, RGB-оттенки считаются «стандартом» в любых графических стандартах. На основe RGB по тем же принципам формируются и HEX-коды для веб-интерфейсов.

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

Освойте графический дизайн и зарабатывайте удаленно

Как шифруются HEX-коды

После значка «решетки» всего 6 символов. Они помогают попарно кодировать информацию для синего, зеленого и красного сигналов, используя такие принципы:

• первые две цифры задают параметры для красного цвета;
• вторая пара — для зеленого;
• третья — для синего.

Если известны RGB-оттенки, то можно просто воспользоваться таблицей и «расшифровать» с использованием шестнадцатеричной системы. Например, белый цвет, который в RGB-системе передается как «255», для HEX-формулы станет «FF».

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

Можно посмотреть на базовые цвета в чистом виде, если задать характеристики:

• #ff0000 — только красный цвет, все остальные оттенки «не участвуют», пиксель будет окрашен в соответствующий оттенок без примесей;
• #00ff00 — аналогично для зеленого, получается «идеальный зеленый», который в чистом виде используется довольно редко;
• #0000ff — так выглядит «синий без других оттенков».

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

Сокращение HEX-кодов

В ряде случаев «формулы» принято сокращать, используя вместо 6 символов всего 3. Это делается для сокращения оттенков, применяется в веб-программировании, когда важно точно воспроизвести цветовую гамму на всех страницах, не сбиваясь в тонкостях настройки.

Например, если цвет обозначается как #FF22AA — это насыщенный ярко-розовый оттенок, то его можно «упростить» до #F2A.

Написание HEX-кодов не зависит от регистра, поэтому #f2a и #F2A — это одно и то же. Допустимо использовать вперемешку заглавные и строчные буквы.

Сокращенные формулы цветов широко используются при верстке сайтов с использованием языка программирования CSS.

Как узнать HEX-код цвета

Большинство графических редакторов передают цветовые значения и их коды в характеристиках и параметрах. Если брать такие широко используемые программные среды, как Photoshop, Illustrator, Gimp и многие другие, то они сами «подскажут» пользователю шестизначный код.

Если вы работаете в Adobe Photoshop, то посмотреть значение HEX не составит труда. Для этого нужно:

Инструмент «пипетка» в Photoshop

Открыть картинку, из которой собираетесь взять оттенок. Это может быть векторная картинка с «простыми» оттенками или растровое изображение, например, фотография. Выбрать инструмент «Пипетка» или Eyedropper в английской версии.

Если цвет планируется брать со сложного и многоцветного рисунка, можно определить «поле», которое будет «считаться» пипеткой за образец. Для настройки нужно открыть панель «Размер образца» (Sample Size) и установить его по мере необходимости.

Размер образца для определения поля цвета

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

В открывшемся меню в самом низу, после «типографских» и других кодов, будет и HEX-код, узнать его можно по характерному символу решетки.

Определение кода цвета

Также можно поставить галочку «только веб-цвета» (Only Web Colors). Это служит для упрощения палитры.

Безопасные WEB-цвета

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

Названия оттенков и коды их цвета

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

Поэтому для корректного отображения рекомендуется использовать «безопасные» веб-цвета. Основные правила, относящиеся к построению HEX-коду «универсальных» оттенков:

1. Нужно использовать десятичные цветовые значения: 0, 51, 102, 153, 204, 255, потому что они самые «простые» и корректно распознаются даже устаревшими системами и браузерами.
2. В формулах 16-ричного типа используются такие параметры, как 00, 33, 66, 99, CC, FF.
3. Эти цвета могут отображаться на компьютерах и других устройствах с 8-битным режимом, поэтому для верстки сайтов рекомендуются именно «безопасные» оттенки.

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

Освойте графический дизайн и зарабатывайте удаленно

Текстовые наименования

Среда программирования CSS предлагает пойти еще дальше и отказаться от кодов. Она умеет распознавать названия оттенков, поэтому достаточно будет просто прописать цвет в коде, чтобы CSS-язык «объяснил» браузеру, какой оттенок имелся в виду.

Для такого кодирования применяются не только базовые (красный, зеленый, желтый, синий), но и достаточно разнообразные тона, включая хаки, коралл, шоколадный и многие другие. Тем не менее, у такого написания есть минусы:

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

Поэтому большинство веб-кодеров и других специалистов в области дизайна предпочитают HEX-коды в обычном или сокращенном варианте.

Полезные сайты для работы с HEX-цветами

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

Adobe Color

Располагается по адресу: https://color.adobe.com/ru

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

Умеет:

1. Переводить цвета в HEX-коды и наоборот. Например, если есть RGB-оттенок, то его значения вводятся в нужном порядке, а на выходе получается нужный код для веб-программирования.
2. Создавать гармонии для цветового решения. Это удобно, если у вас имеется один базовый оттенок, на основе которого надо продумать комплексное решение для сайта, приложения, брендбука и т.д. Гармонии будут предлагаться в нескольких стилях, от монохрома до комплиментарных и двойных комплиментарных схем.
3. Можно сделать обратный перевод: из hex-цвета в RGB или типографский формат CMYK, что потребуется, если вы создаете продукцию для печати на базе цветового решения сайта.
4. Готовые схемы и градиенты легко скачать в соответствующих разделах.

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

ColorScheme

Располагается по адресу: https://colorscheme.ru/

Универсальная конвертация цветов. Простой и лаконичный веб-ресурс, ничего лишнего, быстро загружается, интуитивно понятный.

Среди возможностей:

1. Поддержка и конвертация из любых форматов в HEX и из него в другие, включая расширенный RGB (RGBA), HSB, LAB.
2. Сразу же отображается «безопасный» цвет в разделе Websafe, поэтому можно ориентироваться на него при создании цветовой схемы.
3. Можно регулировать точность перевода, чтобы получить наиболее близкий оттенок.
4. Предоставляются HTML-коды для вставки.

Также на сайте есть названия оттенков автомобилей — специфичная информация, но может кому-нибудь потребоваться, имена цветов для CSS, названия экзотических тонов, среди которых можно найти такие примечательные наименования, как «бабушкины яблоки» или «борода Абдель-Керима».

Color-HEX

Располагается по адресу: https://www.color-hex.com/

Англоязычный ресурс, но разобраться с ним будет несложно даже без знания языка. Позволяет получать внешнее отображение любого HEX-кода, а также его аналоги в большинстве форматов, включая CMYK для типографии или LAB — цветового пространства, которое используют фотографы и фоторетушеры.

Возможности:

1. Просчитывается соотношение зеленого-синего-красного в RGB-цвете относительно его HEX-кода, аналогично с циан-маджента-желтый-синий в типографском варианте.
2. Показывается, как цвет будет смотреться на белом фоне, что поможет вебмастеру прикинуть внешний вид оттенка на стандартном ресурсе.
3. Даются CSS-коды для большинства вариантов использования: фона, шрифта, рамки (border), тени.
4. Предлагается несколько цветовых схем, основанных на выбранном HEX-коде, которыми можно воспользоваться для создания своей.

Простой и удобный инструмент, крайне полезный для веб-верстки и быстрого подбора необходимых оттенков.

Htmlcolorcode

Располагается по адресу: https://htmlcolorcodes.com

Еще один англоязычный ресурс, предлагающий как основной сервис — преобразование цвета в HEX-код и обратно, так и много дополнительных приятных функций, среди которых:

1. Возможность «потыкать» палитру и выбрать красивые цвета с дальнейшим экспортом в виде отдельного оттенка или цветовой схемы.
2. На основе одного тона подбираются другие по принципу гармонии, поэтому достаточно выбрать один оттенок, чтобы автоматически «нашлись» другие.
3. Есть названия цветов на английском языке, причем, тоже можно просто выбрать оттенок местным аналогом «пипетки», чтобы ресурс предложил имена.
4. Есть библиотека цветов, в которой более сотни идей для вдохновения.

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

Освойте графический дизайн и зарабатывайте удаленно

ColorHexa

Располагается по адресу: https://www.colorhexa.com/

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

Но у него есть собственные возможности:

1. Генератор градиентов. Это удобная возможность, когда нужно создать объемный рисунок, но трудно решить, какие цвета в какие должны перетекать и как это в результате будет смотреться. Инструмент поможет создать градиент, достаточно просто поместить начальные, промежуточные и конечные коды.
2. Смешивание цветов. Нужно набрать код, добавить знак «+» и ввести второй или третий. Система посчитает результат и выдаст его в виде получившегося цвета и его кода.
3. Вычитание цветов — работает аналогичным образом, только вместо плюса используется минус.

Также здесь есть 216 безопасных цветов и названия оттенков.

HexColorTool

Располагается по адресу: https://www.hexcolortool.com/

Главная особенность этого инструмента – не просто подбор тонов, а возможность отметить какой-либо один, а потом сделать его светлее или темнее.

Это крайне удобно, ведь зачастую весь дизайн строится вокруг одного цвета, меняется только подложка, тени и другие нюансы вокруг базового оттенка. Затемнение или осветление начинается от одного процента, максимум – 20%.

Также можно оценить опции:

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

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

Заключение

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

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

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

популярных цветов

популярных цветов

Список самых любимых цветов нашими пользователями.

#ff80ed

4518

#065535

1175

#000000

885

#133337

774

#ffc0cb

618

#ffffff

536

#ffe4e1

508

#008080

479

#ff0000

392

#e6e6fa

381

#ffd700

354

#00ffff

317

#ffa500

310

#0000ff

295

#ff7373

294

№ 40e0d0

289

#c6e2ff

288

#d3ffce

287

#b0e0e6

285

#f0f8ff

281

#666666

262

#faebd7

244

#бада55

241

#003366

238

№ fa8072

235

#ffb6c1

232

#ffff00

229

#c0c0c0

224

#800080

219

#800000

217

#c39797

216

#00ff00

211

#7fffd4

211

#ееееее

207

#fff68f

207

#cccccc

206

#f08080

198

#20b2aa

197

#ffc3a0

194

#333333

192

#c0d6e4

189

#66cdaa

186

#ff00ff

179

#ff6666

178

#ffdab9

173

#cbbeb5

173

#ff7f50

169

#468499

168

#афиее

167

#008000

159

#00ced1

157

#b4eeb4

155

#660066

154

#f6546a

153

#b6fcd5

150

#0e2f44

150

#696969

147

#9

146

#f5f5f5

144

#daa520

144

#000080

142

#6897bb

142

#808080

141

#088da5

137

#f5f5dc

135

#8b0000

134

#8a2be2

132

#ffff66

127

#дддддд

125

#ccff00

124

#81d8d0

123

#2акея

123

#101010

123

#0a75ad

123

#ff4040

122

#66cccc

115

#420420

114

#ff1493

113

#a0db8e

110

#00ff7f

102

#cc0000

101

#3399ff

101

#999999

101

#794044

99

Что такое шестнадцатеричный код? Все, что вам нужно знать

Работа с цветами в HTML относительно проста. С помощью нескольких простых объявлений CSS вы можете изменить цвет любого текста или фона на своей веб-странице. Но как указать цвет? Ответ на этот вопрос приведет нас в кроличью нору, которая в конечном итоге приведет нас к концепции шестнадцатеричных цветовых кодов.

Если вы раньше работали с HTML или CSS, вы, вероятно, слышали термин шестнадцатеричный код. Но что такое шестнадцатеричный код? Какие есть примеры шестнадцатеричных кодов? В чем разница между шестнадцатеричным кодом и цветовым кодом RGB?

Что такое шестнадцатеричный код?

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

 #FF0092 

Связанный: Основные термины графического дизайна, которые необходимо знать

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

CSS предлагает два основных варианта: RGB и шестнадцатеричный. В обоих форматах вы указываете количество красного, зеленого и синего, составляющих окончательный цвет. RGB использует три числа от 0 до 255. Hex делает то же самое, только с другим основанием (16), чем десятичное число (10), к которому вы привыкли.

Hex использует буквы A-F в дополнение к цифрам 0-9, всего 16 символов. A в шестнадцатеричном формате эквивалентно 10 в десятичном формате. F в шестнадцатеричном формате — это 15 в десятичном формате.

Как работают шестнадцатеричные цветовые коды?

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

Имея 16 × 16 (256) значений для каждого компонента цвета, можно получить 256 × 256 × 256 возможных комбинаций. В шестнадцатеричном формате они варьируются от #000000 (чисто черный) до #FFFFFF (чисто белый).

Как читать шестнадцатеричные цветовые коды

Разобраться в шестнадцатеричных цветовых кодах несложно. Возьмем пример #FF5733. Сначала разделите шесть символов на три части по два символа в каждой. Как вы знаете, первые две части представляют красный цвет, вторые две части — зеленый, а третьи две части — синий. Итак, в нашем примере:

• Красный компонент RR имеет значение FF.
• Зеленый компонент GG равен 57.
• Синий компонент BB равен 33.

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

1. Умножьте первый шестнадцатеричный символ RR на 16. Если символ представляет собой букву, преобразуйте его в соответствующее значение. В данном случае первый символ — F, что равно 15. Итак, в нашем примере вы умножаете 15 × 16, что равно 240.
2. Затем добавьте второй символ RR. Опять же, преобразовать букву в соответствующее значение, если возникнет необходимость. В нашем примере вторым символом является F, что равно 15.
3. После этого сложите итоги, чтобы получить одно значение. Если вы добавите 240 и 15 из нашего примера, вы увидите, что значение FF равно 255.

Повторите ту же формулу для оставшихся двух сегментов, GG обозначается как 57, а BB обозначается как 33. Если ручные вычисления кажутся слишком Вы всегда можете использовать инструмент преобразования hex в RGB (например, BinaryHex Converter), чтобы прочитать цвет. Вы должны обнаружить, что шестнадцатеричное значение #FF5733 эквивалентен rgb(255, 87, 51) .

Почему шестнадцатеричный код цвета так популярен?

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

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

Шестнадцатеричные цвета очень эффективны, используя только эти семь символов для представления более 16 миллионов цветов. И различение этих цветов — простой процесс.

Hex и RGB: есть ли разница?

Система цветового кодирования RGB использует три десятичных числа для обозначения относительной интенсивности красного, зеленого и синего цветов. Он использует цифры 0-9.

Hex также использует три числа для представления красного, зеленого и синего, но использует дополнительные цифры (A-F) для соответствия основанию 16. Нет никакой разницы в результирующих цветах, это просто разные форматы для передачи одной и той же информации.

Связано: Основы CSS: Работа с цветами

Для чего используется шестнадцатеричный код?

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