Цветовой код html: Цвета HTML. Таблица из 147 имён цветов для HTML и CSS — ColorScheme.Ru

Цвета HTML. Таблица из 147 имён цветов для HTML и CSS — ColorScheme.Ru

Таблица цветов html, палитра, названия цветов

Таблица (палитра) цветов html предоставляет вам возможность самостоятельно подобрать нужный вам тон. Значение цвета отображается в трех форматах: Hex, RGB и HSV.

• Hex состоит из трех двух символьных значений в шестнадцатеричной системе счисления. Например: #ff00b3, где первая пара чисел — красный, вторая — зеленый, а третья — синий.
  
• RGB (RedGreenBlue) имеет вид «200,100,255», обозначающее количество соответствующего тона(красный,зеленый,синий) в получаемом цвете.
  
• HSV (Hue, Saturation, Value — тон, насыщенность, значение) — цветовая модель, в которой в качестве координат являются:
  • Hue — цветовой тон, может варьироваться в пределах от 0° до 360°.
  • Saturation — насыщенность, варьируется в пределах 0—100 или 0—1. Чем больше этот параметр, тем «чище» цвет, поэтому этот параметр иногда называют чистотой цвета. А чем ближе этот параметр к нулю, тем ближе цвет к нейтральному серому.
  • Value (значение цвета) — задает яркость, значение так же может варьироваться в пределах 0—100 или 0—1.

Введите код цвета: GO

Список цветов с названиями

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

Таблица цветов HTML и CSS

Все стандартные цвета – их названия, HEX коды и RGB значения.

1

Основные цвета

2

Серые тона

3

Красные тона

4

Оранжевые тона

5

Жёлтые тона

6

Зелёные тона

7

Синие тона

8

Фиолетовые тона

9

Розовые тона

Таблица HTML цветов — коды и названия

Как задаются цвета в Html и CSS коде, подбор RGB оттенков в таблицах, выдаче Яндекса и других программах

1. Коды и таблица базовых RGB цветов
2. Яндекс Цвета — подбор RGB палитры оттенков
3. Использование кодов и названий цветов на сайте
4. Программы для захвата цвета с экрана

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Я продолжаю публиковать статьи в рубрике «HTML для чайников». Сегодня хочу поговорить про цвета в HTML и CSS коде, пояснить для тех, кто еще не в курсе, как можно их задать, каким образом они формируются, как для поиска или захвата нужного колора использовать специально предназначенные для этого программы и многое другое.

Вопрос задания нужного оттенка может быть особенно актуален для начинающих вебмастеров, когда не совсем понятны приводимые в web документе их коды (например, #f3af6c) и не понятно каким образом и откуда можно будет взять эту информацию (где найти таблицы Html и CSS цветов), и как их использовать для оформления текстового или какого-либо другого блока web документа.

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

Коды и таблица базовых RGB цветов

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

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

Соответственно, для своего web документа мы можем выбрать любой оттенок из огромного количества возможных (256*256*256). Например, для получения черного цвета нужно, чтобы у всех трех каналов цветовой схемы было нулевое значение яркости, а для получения белого — красный, зеленый и синий цвета должны иметь максимальную яркость.

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

На самом деле, есть два основных способа:

1. задание с помощью записи яркости по каждому из каналов (красному, зеленому и синему) в шестнадцатеричной системе счисления
2. задание с помощью ввода названия цвета в коде web документа

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

Но в шестнадцатеричной системе счисления кроме арабских цифр используются еще и первые шесть букв латинского алфавита, ну и есть своя специфика формирования цифр. Углубляться в это, думаю, не стоит, но для примера скажу, что белый для Html можно будет задать так: #ffffff, а черный так: #000000. Т.е. 00 соответствует 0 в десятичной системе счисления, а ff соответствует 256.

Т.е. на каждый канал RGB цвета в CSS коде отводится две шестнадцатеричных цифры, поэтому записи значения цвета состоят из шести цифр (или букв, которые приравнены к цифрам в шестнадцатеричной системе), перед которыми ставится знак решетки «#». Все довольно просто.

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

Естественно, что вы не обязаны сами придумывать и сопоставлять шестнадцатиричные коды оттенков с теми, что вы хотите увидеть на своем интернет проекте. Подбирать колор для сайта вы можете в любом графическом редакторе (даже в бесплатном онлайн-редакторе Pixlr Editor), где вам обязательно покажут запись этого оттенка в формате RGB, или найти таблицу Html цветов и скопировать нужный вам код оттуда.

Яндекс Цвета — подбор RGB палитры оттенков в выдаче Yandex

Не хотите использовать для этой цели графический редактор или искать таблицу с кодами? Нет проблем. Прокрутите немного вниз эту страницу и вы найдете массу специфических и заточенных именно для работы с цветом в Html или CSS коде программ.

Если и это вам не подходит, то откройте просто Яндекс и введите в поисковую строку запрос с названием того оттенка, который вам интересен (хотя, можно ввести просто: серобуромалиновый).

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

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

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

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

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

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

Во-вторых, в валидаторе W3C для спецификации языка гипертекстовой разметки 4.01 (ее в полной мере поддерживают все возможные браузеры на текущий момент) определено только 16 колоров, которые в Html или CSS коде можно задавать словами:

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

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

Использование кодов и названий цветов в вебмастеринге

На данный момент все внешнее оформление web страниц отдано на откуп CSS (таблицам каскадных стилей) и указание кода цвета непосредственно в Html встречается крайне редко, но все же встречается. К тому же бывают ситуации, когда нельзя по тем или иным причинам использовать внешние таблицы стилей CSS (например, в случае создания выпуска почтовой рассылки subscribe).

Поэтому я все же приведу пример задания цвета в Html, хотя при этом и будут использоваться уже не рекомендованные валидатором W3C теги. Например, раньше колор для фона задавали в теге «BODY» через атрибут «bgcolor», а текст раскрашивали сразу на всей вебстранице с помощью атрибута «text».

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

<body text="navy">Содержимое документа</body>

В результате вы получите вебстраницу с бежевым фоном и темно-синим шрифтом. До того, как CSS вошел в обиход, для изменения цвета шрифта какого-либо отдельного участка текста повсеместно использовали сейчас уже не рекомендуемый валидатором W3C тег «SPAN», в который для задания колора включали правило «color»:

<span>участок текста, который нужно было окрасить в синий колор</span>

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

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

Как вы можете видеть, иногда для сокращения записи оттенка используют не шесть знаков, а только три, в том случае, если они совпадают для каждого канала — «#6с0» вместо «#66сс00».

Выбор цвета из палитры специальной программы или захват его с экрана

Как я уже писал чуть выше, повсеместно используется RGB (красный, зеленый, синий) цветовая схема. Для каждого из трех основных колоров предусмотрено 256 градаций – от 0 до 255 (если перевести эти значения в шестнадцатеричную систему счисления, то получим – от 00 до FF).

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

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

Вот список программ, которые позволяют все это реализовать в полной мере:

1. ColorPic
2. ColorMania
3. Contrast Analyser 2.0
4. Absolute Color Picker
5. Just Color Picker

Цвет | htmlbook.ru

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

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

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

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

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

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

<body bgcolor="#fa8e47">

Здесь цвет фона веб-страницы задан как #fa8e47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (fa) определяют красную составляющую цвета, цифры с третьей по четвертую (8e) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.

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

• Если значения компонент цвета одинаковы (например: #d6d6d6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #ffffff (белый).
• Ярко-красный цвет образуется, если красный компонент сделать максимальным (ff), а остальные компоненты обнулить. Цвет со значением #ff0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00ff00) и синим (#0000ff).
• Желтый цвет (#ffff00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 1), где представлены основные цвета (красный, зеленый, синий) и комплиментарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00ffff) получается за счет объединения синего и зеленого цвета.

Рис. 1. Цветовой круг

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

Рис. 2. Окно для выбора цвета в программе Photoshop

Веб-цвета

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

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

Цвета по названию

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

Цвет | htmlbook.ru

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

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

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

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

Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. При этом регистр значения не имеет, поэтому допустимо писать #F0F0F0 или #f0f0f0.

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

<body bgcolor="#fa8e47">

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

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.

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

• Если значения компонент цвета одинаковы (например: #D6D6D6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый).
• Ярко-красный цвет образуется, если красный компонент сделать максимальным (FF), а остальные компоненты обнулить. Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00FF00) и синим (#0000FF).
• Желтый цвет (#FFFF00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 6.1), где представлены основные цвета (красный, зеленый, синий) и комплементарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00FFFF) получается за счет объединения синего и зеленого цвета.

Рис. 6.1. Цветовой круг

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

Рис. 6.2. Окно для выбора цвета в программе Photoshop

Веб-цвета

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

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

Цвета по названию

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

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

Пример 6.1. Цвет фона и текста

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Цвета</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 </head>
 <body bgcolor="teal" text="#ffffff">
  <p>Пример текста</p>
 </body>
</html>

В данном примере цвет фона задается с помощью атрибута bgcolor тега <body>, а цвет текста через атрибут text. Для разнообразия значение у атрибута text установлено в виде шестнадцатеричного числа, а у bgcolor с помощью зарезервированного ключевого слова teal.

🎨 Цветовые коды HTML

шестнадцатеричный:

RGB: rgb (102 232 232)

HSL: HSL (232,232,232)

• #FFFFFF

  RGB (255,255,255)

  белый

• # C0C0C0

  RGB (192,192,192

  )

  серебро

• # 808080

  RGB (128,128,128)

  серый

• # 800000

  RGB (128,0,0)

  бордовый

• # 800080

  RGB (128,0,128)

  фиолетовый

• # FF00FF

  RGB (255,0,255)

  фуксия

• # 008000

  RGB (0,128,0)

  зеленый

• # 00FF00

  RGB (0,255,0)

  лайм

• # 808000

  RGB (128,128,0)

  оливковый

• # FFFF00

  RGB (255,255,0)

  желтый

• # 000080

  гб (0,0,128)

  военно-морской флот

• # 0000FF

  гб (0,0,255)

  синий

• # 008080

  RGB (0,128,128)

  бирюзовый

• # 00FFFF

  гб (0,255,255)

  аква

Что такое цветовой код HTML?

Цветовой код HTML — это идентификатор, используемый для представления цвета в Интернете и в других цифровых активах.Общие формы этих кодов представляют собой имя ключевого слова, шестнадцатеричное значение, триплет RGB (красный, зеленый, синий) и триплет HSL (оттенок, насыщенность, яркость). Каждая форма позволяет выбрать из 16 777 216 цветов.

Например, красный цвет может быть идентификатором в следующих форматах:

• красный (название ключевого слова)
• # ff0000 (шестнадцатеричный)
• (255,0,0) (RGB)
• (0, 100%, 50%) (HSL)

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

Чтобы использовать выбранный цветовой код на своей веб-странице, вы можете поместить следующий атрибут в данный элемент, чтобы изменить его цвет фона на красный: style = "background-color: # ff0000;"

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

Чтобы узнать больше о цветах html, в Википедии есть хороший ресурс по веб-цветам: https://en.wikipedia.org/wiki/Web_colors.

цветов HTML

Кончилось воображение? Изучите нашу палитру цветов и выберите идеальный цвет для своего проекта.RGB, HEX, HSL, CMYK, мы вам поможем. Наш палитра цветов достаточно умен, чтобы понимать все цветовые коды.

#ffebee

# ffcdd2

# ef9a9a

# e57373

# ef5350

# f44336

# e53935

# d32f2f

# c62828

# b71c1c

# fce4ec

# f8bbd0

# f48fb1

# f06292

# ec407a

# e91e63

# d81b60

# c2185b

# ad1457

# 880e4f

# f3e5f5

# e1bee7

# ce93d8

# ba68c8

# ab47bc

# 9c27b0

# 8e24aa

# 7b1fa2

# 6a1b9a

# 4a148c

# ede7f6

# d1c4e9

# b39ddb

# 9575cd

# 7e57c2

# 673ab7

# 5e35b1

# 512da8

# 4527a0

# 311b92

# e8eaf6

# c5cae9

# 9fa8da

# 7986cb

# 5c6bc0

# 3f51b5

# 3949ab

# 303f9f

# 283593

# 1a237e

# e3f2fd

#bbdefb

# 90caf9

# 64b5f6

# 42a5f5

# 2196f3

# 1e88e5

# 1976d2

# 1565c0

# 0d47a1

# e1f5fe

# b3e5fc

# 81d4fa

# 4fc3f7

# 29b6f6

# 03a9f4

# 039be5

# 0288d1

# 0277bd

# 01579b

# e0f7fa

# b2ebf2

# 80deea

# 4dd0e1

# 26c6da

# 00bcd4

# 00acc1

# 0097a7

# 00838f

# 006064

# e0f2f1

# b2dfdb

# 80cbc4

# 4db6ac

# 26a69a

# 009688

# 00897b

# 00796b

# 00695c

# 004d40

# e8f5e9

# c8e6c9

# a5d6a7

# 81c784

# 66bb6a

# 4caf50

# 43a047

# 388e3c

# 2e7d32

# 1b5e20

# f1f8e9

# dcedc8

# c5e1a5

# aed581

# 9ccc65

# 8bc34a

# 7cb342

# 689f38

# 558b2f

# 33691e

# f9fbe7

# f0f4c3

# e6ee9c

# dce775

# d4e157

# cddc39

# c0ca33

# afb42b

# 9e9d24

# 827717

# fffde7

# fff9c4

# fff59d

# fff176

# ffee58

# ffeb3b

# fdd835

# fbc02d

# f9a825

# f57f17

# fff8e1

# ffecb3

# ffe082

# ffd54f

# ffca28

# ffc107

# ffb300

# ffa000

# ff8f00

# ff6f00

# fff3e0

# ffe0b2

# ffcc80

# ffb74d

# ffa726

# ff9800

# fb8c00

# f57c00

# ef6c00

# e65100

# fbe9e7

#ffccbc

# ffab91

# ff8a65

# ff7043

# ff5722

# f4511e

# e64a19

# d84315

# bf360c

# efebe9

# d7ccc8

# bcaaa4

# a1887f

# 8d6e63

# 7

# 6d4c41

# 5d4037

# 4e342e

# 3e2723

# f5f5f5

# e0e0e0

#bdbdbd

# 9e9e9e

# eceff1

# cfd8dc

# b0bec5

# 90a4ae

# 78909c

# 607d8b

ШЕСТИГР.

{{шестнадцатеричный}}

RGB

{{rgbval}}

HSL

{{hsl}}

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

У нас есть сотни цветовых сочетаний! Посмотрите нашу страницу с таблицей цветов, чтобы вдохновиться.Изучите цвета плоского дизайна, дизайн Google Material, плавные цвета, схему дизайна метро — все с цветовыми кодами HEX и RGB.

Трудно найти идеальный цвет? Что ж, ты можешь попробовать один из них или пойти в наши генераторы цвета, пока вы не найдете идеальный вариант или воспользуетесь другими нашими инструментами. Удачи!

Не помните все названия цветов? Что ж, ты можешь взглянуть на наш раздел названий цветов и избавьтесь от ваших сомнений.У нас есть все цветовые группы и названия. Наслаждаться!

Красивые градиенты каждый день

Gradient Hunt — это бесплатная и открытая коллекция модных градиентов ручной работы

Красивые цветовые палитры

Color Palettes — это тщательно отобранная коллекция красивых цветовых палитр, обновляемая ежедневно

Не знаете или не помните что-нибудь о кодировании цветов? Что ж, мы предлагаем вам лучшие уроки HTML и CSS Color Tutorials причем большинство задают вопросы самым странным.Время учиться!

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

Не знаете, как создавать градиенты? Нет проблем, с нашим градиентом и генератором градиентов вы понял бы, как легко и красиво создавать градиенты.Взглянуть!

Каковы 8 значений цвета HTML?

Теперь мы говорим о 8 цветовых значениях HTML (HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK).

Значение цвета HEX представлено в шестнадцатеричном формате, поэтому для каждого из них диапазон изменяется от 00 до FF. Код выражается следующим образом: #RRGGBB, каждое из двухзначных значений представляет собой диапазон каждого из 3 цветов, с помощью которого мы выбираем окончательное значение, представляющее каждый цвет.

Значение цвета RGB, красный — зеленый — синий, основано на смешивании этих трех цветов для получения полного диапазона. Каждый из цветов принимает значение от 0 до 255, всего 256, при этом получается всего 256 x 256 x 256 = 16 777 216 различных цветов. Смешивание этих трех цветов даст вам цветовой код rgb, представленный как этот RGB (23,34,255).

Значение цвета RGBA, красный — зеленый — синий — альфа, которое добавляет новый коэффициент, альфа-канал, то есть непрозрачность или прозрачность, которая следует той же процентной схеме: 0% представляет абсолютную прозрачность, а 100% представляет абсолютную непрозрачность, которая это то, как мы традиционно видим цвета.

Значение цвета HSL. Эта модель включает два дополнительных параметра к оттенку или цветности для получения цвета: насыщенность, яркость или тон. Отсюда его аббревиатура: HSL (H — оттенок или оттенок, S — насыщенность или насыщенность, L — яркость или яркость / тон).

HSLA Color Value (H — оттенок или оттенок, S — насыщенность или насыщенность, L — яркость или яркость / тон — A — ALPHA) — это система, которая не является системой, которая обычно используется в веб-дизайне, но он используется в других областях, таких как редактирование фотографий или дизайн (в целом).

Значение цвета HSV включает два дополнительных параметра к оттенку или цветности для получения цвета: насыщенность и значение. Отсюда его аббревиатура: HSV (H — оттенок или оттенок, S — насыщенность или насыщенность, V — значение или значение).

Значение цвета HWB (оттенок-белизна-черный) очень похоже на HSV (оттенок, насыщенность, значение) и HSL (оттенок, насыщенность, яркость), за исключением того, что ни HSV, ни HSL не обеспечивают насыщенности для белизны.

CMYK Color Value является субтрактивной моделью и используется при печати пигментами трех основных цветов: C — голубой, M — пурпурный и Y — желтый.K происходит от черного, так как комбинация трех предыдущих дает немного чистого черного.

ДЛЯ ДОПОЛНИТЕЛЬНОЙ ИНФОРМАЦИИ ПОСЕТИТЕ ССЫЛКИ В ТЕКСТЕ ИЛИ ПОСЕТИТЕ НАШУ ТЕОРИЮ ЦВЕТА.

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

ПОДЕЛИТЬСЯ С ДРУЗЬЯМИ!

Руководство по цветовым кодам HTML для новичков

Добавление цвета на ваш сайт может вызвать эмоции, создать атмосферу и сделать ваш общий дизайн более целостным.

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

Начнем с определения цветовых кодов HTML.

Цветовые коды HTML

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

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

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

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

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

Байт — это пара символов в шестнадцатеричном коде, которые представляют интенсивность трех основных цветов (красного, зеленого и синего) в цвете.Диапазон значений от 00 (самая низкая интенсивность основного цвета) до FF (самая высокая интенсивность основного цвета)

Это означает, что каждый шестнадцатеричный код состоит из трех пар или шести символов в общей сложности. Эти шесть символов могут быть любой комбинацией из десяти цифр (0-9) и шести букв (a-f). Эта 16-символьная система счисления известна как шестнадцатеричный код. Всего существует 16 777 216 возможных комбинаций. Попробуем разобраться в некоторых из них.

Чтобы вычислить шестнадцатеричный код белого цвета, примите во внимание, что вы должны смешать каждый из трех основных цветов с их полной интенсивностью.Это означает, что шестнадцатеричный код белого цвета — #FFFFFF. Поскольку черному не хватает основного цвета, его шестнадцатеричный код цвета # 000000. Если вы хотите красный цвет, вам нужна самая высокая интенсивность красного и самая низкая интенсивность двух других основных цветов. Следовательно, шестнадцатеричный код красного цвета будет # FF0000. Взгляните на диаграмму ниже, чтобы увидеть еще несколько комбинаций.

Источник

Посмотрите на снимок экрана ниже, чтобы увидеть больше примеров.

Источник

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

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

Источник

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

Теперь, когда вы понимаете, что такое цветовые коды HTML и, в частности, шестнадцатеричные коды, давайте посмотрим, как можно использовать цветовые коды HTML.

Как использовать цветовые коды HTML

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

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

 
 
  Красный текст абзаца 
 

  

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

Источник

Вы также можете разделить HTML и CSS и получить тот же результат.

Вот код CSS, который вы поместили в заголовок своего документа:

 
 
 кузов {
 
 цвет: # FF0000; 
 
} 
  

Вот HTML-код, который вы поместили в основной раздел документа:

 
 
 
 Красный абзац текста 
 

  

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

Создание сайта в цвете

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

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

HTML цветовых кодов

Используйте эту страницу, чтобы получить коды цветов HTML для вашего веб-сайта.Цвета представлены различными цветовыми моделями, такими как шестнадцатеричный, RGB, HSL и т. Д.

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

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

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

Вот таблица названий цветов CSS. Они основаны на цветах X11 и поддерживаются всеми основными браузерами.

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

Другие таблицы цветов

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

Веб-безопасные цвета

На этой диаграмме отображается 216 «веб-безопасных» цветов. Щелкните цвет, чтобы отобразить его на новой странице.

Являются ли безопасные для Интернета цвета по-прежнему актуальными?

«Безопасная для Интернета цветовая палитра» широко использовалась на заре Интернета, особенно в конце 1990-х годов.

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

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

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

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

Имена цветов HTML3 и HTML4

Было время, когда спецификация HTML определяла названия цветов, которые можно было использовать в документах HTML. Это уже не так — CSS взял на себя ответственность за определение цветов в HTML-документах.

Следующая таблица цветовых кодов содержит 16 официальных названий цветов HTML из HTML 3.2, которая стала официальной рекомендацией 14 января 1997 года.

Те же названия цветов были включены в спецификацию HTML 4.01, которая стала официальной рекомендацией 24 декабря 1999 года.

Эти цвета изначально были выбраны как стандартные 16 цветов, поддерживаемые палитрой Windows VGA.

RGB и шестнадцатеричный

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

Однако из-за ограничений компьютерных мониторов в то время веб-дизайнеры часто ограничивались только безопасными для Интернета цветами.

CSS1 и CSS2

И спецификация CSS1 (17 декабря 1996 г.), и спецификация CSS2 (12 мая 1998 г.) включали те же 16 названий цветов, которые были определены в HTML 3.2 и HTML 4.0.

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

Но CSS также представил функцию rgb () , которая позволяет указывать цвета как список из трех цифр, разделенных запятыми, с каждым набором цифр в диапазоне 0–255. Например, rgb (255,0,0) представляет тот же цвет, что и # FF000 , и название цвета красный .

Системные цвета

Помимо возможности назначать значения ключевых слов цвета (имена цветов, шестнадцатеричные значения, RGB), CSS2 позволял авторам указывать цвета таким образом, чтобы они интегрировались в графическую среду пользователя.

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

ActiveBorder

Активная граница окна.

ActiveCaption

Активный заголовок окна.

AppWorkspace

Цвет фона многодокументного интерфейса.

Фон

Фон рабочего стола.

Кнопка Лицо

Цвет лица для трехмерных элементов отображения.

Кнопка Выделить

Темная тень для трехмерных элементов отображения (для краев, обращенных в сторону от источника света).

Кнопка Тень

Цвет тени для трехмерных элементов отображения.

ButtonText

Текст на кнопках.

CaptionText

Текст в заголовке, поле размера и поле стрелки полосы прокрутки.

серый текст

Серый (отключен) текст. Для этого цвета установлено значение # 000, если текущий драйвер дисплея не поддерживает сплошной серый цвет.

Выделить

Элементы, выбранные в элементе управления.

HighlightText

Текст элементов, выбранных в элементе управления.

Неактивный Граница

Неактивная граница окна.

InactiveCaption

Заголовок неактивного окна.

InactiveCaptionText

Цвет текста в неактивной подписи.

Информация

Цвет фона для элементов управления всплывающей подсказки.

Инфотекст

Цвет текста для элементов управления всплывающей подсказки.

Меню

Фон меню.

МенюТекст

Текст в меню.

Полоса прокрутки

Серая область полосы прокрутки.

ThreeDarkShadow

Темная тень для трехмерных элементов отображения.

ThreeDFace

Цвет лица для трехмерных элементов отображения.

ThreeDHighlight

Цвет выделения для трехмерных элементов отображения.

ThreeDLightShadow

Светлый цвет для трехмерных элементов отображения (для краев, обращенных к источнику света).

ThreeDShadow

Темная тень для трехмерных элементов отображения.

Окно

Фон окна.

Оконная рама

Оконная рама.

WindowText

Текст в windows.

Эти системные цвета объявлены устаревшими в CSS3. Первоначально они были заменены свойством внешний вид , но впоследствии оно было исключено из спецификации CSS3.

CSS 2,1

Спецификация CSS 2.1 (7 июня 2011 г.) добавила оранжевый к списку названий цветов, в результате чего общее количество названий цветов достигло 17.

Интересно, что CSS Color Module Level 3 в тот же день стал официальной рекомендацией и предоставил 147 названий цветов. Подробнее об этом ниже.

Системные цвета

CSS 2.1 также включает различные системные цвета, указанные в CSS2 (см. Выше).

CSS3

CSS3 изменил способ определения CSS.

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

Это контрастирует с предыдущими спецификациями, где CSS был выпущен как полная спецификация.Например, CSS2, CSS 2.1 и т. Д. Все аспекты CSS были включены в каждую спецификацию.

Итак, теперь цвета определены в «Цветном модуле CSS». CSS3 начался с CSS Color Module Level 3, который стал официальной рекомендацией 7 июня 2011 года (в тот же день, когда CSS 2.1 стал официальной рекомендацией!). Затем он перешел на уровень 4 цветового модуля CSS. Но все это считается CSS3. Теперь меняется только конкретный номер модуля.

Таким образом, все цвета в таблице вверху этой страницы можно рассматривать как «цвета CSS3».

CSS3 также представил ключевое слово currentColor , а также новые цветовые функции, такие как hsl () и hsla () . На момент написания CSS Color Module Level 4 предлагал hwb () , gray () , color () и другие функции.

HTML Шестнадцатеричный цветовой код, цветовой код RGB и название цвета

Net-informations.com

для цветного текста: пошаговое руководство

Цветовые коды HTML представлены в двухзначном шестнадцатеричном формате для красного, синего и зеленого цветов (#RRBBGG). Шестнадцатеричные коды цветов идут от 00 до DD. Например, # FF0000 будет красным, а # 40E0D0 будет бирюзовым.Шестнадцатеричные цветовые коды используются в HTML для всего, от текста до фона.

Кодирование веб-сайта в HTML, или H yper T ext M arkup L язык, является одним из самых фундаментальных навыков, которым должен овладеть каждый кодировщик. С помощью этого языка разметки мы организуем, упорядочиваем и форматируем текст и документы для использования на веб-сайтах. В этой статье мы подробно рассмотрим HTML-код для цветного текста, который является важным элементом дизайна любого веб-сайта.Позже вы можете взять то, что узнали из этой статьи, и поэкспериментировать в редакторе HTML.

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

1.

Наиболее распространенный метод изменения цвета текста — использование шестнадцатеричных цветовых кодов , также известных как шестнадцатеричных цветовых кодов .Эти коды состоят из комбинаций целых чисел 0, 1, 2, 3, 4, 5, 6, 7, 8 и 9; и буквы A, B, C, D, E и F. Итак, шестнадцатеричный цветовой код может быть чем-то вроде # FF0000 или # 33DDFF.

Найди свой матч на тренировочном лагере

• Карьера Карма подойдет вам с лучшими техническими учебными курсами
• Получите эксклюзивные стипендии и подготовительные курсы

Каждый шестнадцатеричный код цвета соответствует определенному цвету.Например, два приведенных выше примера соответствуют следующим цветам:

 

  
 Карьерная карма 
  

 

  
 Карьерная карма 

 

 

  
 Карьерная карма 

 

 

  
 Карьерная карма 

 

 

  
 Карьерная карма 

 

 

  
 Карьерная карма