Содержание

Цвета | 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
Десятичные123456
7
89101112131415
Шестнадцатеричные123456789ABCDEF

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

Табл. 2. Десятичные и шестнадцатеричные числа больше 16
Десятичные16171819202122232425
26
2728293031
Шестнадцатеричные101112131415161718191A1B1C1D1E1F

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

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

<body bgcolor="#FA8E47">

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

8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

FA+8E+47=FA8E47

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 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 #00FFFF00255255
black #000000000000
blue #0000FF0000255
fuchsia #FF00FF25500255
gray #808080128128128
green #0080000012800
lime #00FF000025500
maroon #8000001280000
navy #0000800000128
olive #80800012812800
purple #80008012800128
red #FF00002550000
silver #C0C0C0192192192
teal #00808000128128
white #FFFFFF255255255
yellow #FFFF0025525500

цвет

Цвет | htmlbook.

ru

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

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

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

Табл. 1. Десятичные и шестнадцатеричные числа меньше 16
Десятичные123456789101112131415
Шестнадцатеричные123456789ABCDEF

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

 2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.

Табл. 2. Десятичные и шестнадцатеричные числа больше 16
Десятичные16171819202122232425262728
Шестнадцатеричные101112131415161718191A1B1C

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

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

<body bgcolor="#fa8e47">

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

fa+8e+47=fa8e47

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 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 приведены имена популярных названий цветов.

Табл. 3. Названия некоторых цветов
Имя цветаЦветОписаниеШестнадцатеричное значение
aqua Голубой#00ffff
black Черный#000000
blue Синий#0000ff
fuchsia Фуксия#ff00ff
gray Серый#808080
green Зеленый#008000
lime Светло-зеленый#00ff00
maroon Темно-красный#800000
navy Темно-синий#000080
olive Оливковый#808000
purple Фиолетовый#800080
red Красный#ff0000
silver Светло-серый#c0c0c0
teal Сине-зеленый#008080
white Белый#ffffff
yellow Желтый#ffff00

Коды и названия цветов в HTML

Skip to content

Опубликовано Автор: Николай Короткин

Коды и названия цветов в HTML (справочник основных цветов с примерами)

ПримерRGB-кодЭквивалентное названиеНазвание цвета
#000000blackЧерный
#000080navyТемно-синий
#00008BdarkblueТемно-голубой
#0000CDmediumblueУмеренно-голубой
#0000FFblueГолубой
#006400darkgreenТемно-зеленый
#008000greenЗеленый
#008080tealЧайный
#008B8BdarkcyanТемный циан
#00BFFFdeepskyblueТемный небесно-синий
#00CED1darkturquoiseТемно-бирюзовый
#00FA9AmediumspringgreenУмеренный синевато-серый
#00FF00limeИзвестковый
#00FF7FspringgreenВесенний зеленый
#00FFFFaquaСиний
#191970midnightblueНочной синий
#1E90FFdodgerblueТускло-васильковый
#20B2AAlightseagreenСветлый морской волны
#228B22forestgreenЛесной зеленый
#2E8B57seagreenМорской волны
#2F4F4FdarkslategrayТемный синевато-серый
#32CD32limegreenЗеленовато-известковый
#3CB371mediumseagreenУмеренный морской волны
#40E0D0turquoiseБирюзовый
#4169E1royalblueКоролевский голубой
#4682B4steelblueГолубовато-стальной
#483D8BdarkslateblueТемный серовато-синий
#48D1CCmediumturquoiseУмеренно-бирюзовый
#4B0082indigoИндиго
#556B2FdarkolivegreenТемно-оливковый
#5F9EA0cadetblueБлеклый серо-голубой
#6495EDcornflowerblueВасильковый
#66CDAAmediumaaquamarineУмеренно-аквамариновый
#696969dimgrayТускло-серый
#6A5ACDslateblueСеровато-синий
#6B8E23olivedrabТускло-коричневый
#708090slategrayСиневато-серый
#778899lightslategrayСветлый синевато-серый
#7B68EEmediumslateblueУмеренный серовато-синий
#7CFC00lawngreenЗеленой травы
#7FFF00chartreuseФисташковый
#7FFFD4aquamarineАквамарин
#800000maroonОранжево-розовый
#800080purpleПурпурный
#808000oliveОливковый
#808080grayСерый
#87CEEBskyblueНебесно-голубой
#87CEFAlightskyblueСветлый небесно-синий
#8A2BE2bluevioletСветло-фиолетовый
#8B0000darkredТемно-красный
#8B008BdarkmagentaТемный фуксин
#8B4513saddlebrownСтарой кожи
#8FBC8FdarkseagreenТемный морской волны
#9370DBmediumpurpleУмеренно-пурпурный
#9400D3darkvioletТемно-фиолетовый
#98FB98palegreenБледно-зеленый
#9932CCdarkorchidТемно-орхидейный
#9ACD32yellowgreenЖелто-зеленый
#9CEE90lightgreenСветло-зеленый
#A0522DsiennaОхра
#A52A2AbrownКоричневый
#A9A9A9darkgrayТемно-серый
#ADD8E6lightblueСветло-голубой
#ADFF2FgreenyellowЖелто-зеленый
#AFEEEEpaleturquiseБледно-бирюзовый
#B0C4DElightsteelblueСветло-стальной
#B0E0E6powderblueТуманно-голубой
#B22222firebrickОгнеупорного кирпича
#B8860BdarkgoldenrodТемный красно-золотой
#BA55D3mediumorchidУмеренно-орхидейный
#BC8F8FrosybrownРозово-коричневый
#BDB76BdarkkhakiТемный хаки
#C0C0C0silverСеребристый
#C71585mediumvioletredУмеренный красно-фиолетовый
#CD5C5CindianredЯрко-красный
#CD853FperuКоричневый
#D2691EchocolateШоколадный
#D2B48CtanЖелтовато-коричневый
#D3D3D3lightgrayСветло-серый
#D8BFD8thistleЧертополоха
#DA70D6orchidОрхидейный
#DAA520goldenrodКрасного золота
#DB7093plaevioletredБледный красно-фиолетовый
#DC143CcornsilkМалиновый
#DCDCDCfainsboroСветлый серо-фиолетовый
#DDA0DDplumСливовый
#DEB887burlywoodСтарого дерева
#E0FFFFlightcyanСветлый циан
#E6E6FAlavenderБледно-лиловый
#E9967AdarksalmonТемный оранжево-розовый
#EE82EEvioletФиолетовый
#EEE8AApalegoldenrodБледно-золотой
#F08080lightcoralСветло-коралловый
#F0E68CkhakiХаки
#F0F8FFaliceBlueБлекло-голубой
#F0FFF0honeydewСвежего меда
#F0FFFFazureЛазурь
#F4A460sandybrownРыже-коричневый
#F5DEB3wheatПшеничный
#F5F5DCbeigeБежевый
#F5F5F5whitesmokeБелый дымчатый
#F5FFFAmintcreamМятно-кремовый
#F8F8FFghostwhiteТуманно-белый
#FA8072salmonОранжево-розовый
#FAEBD7antuqueWhiteАнтичный белый
#FAF0E6linenЛьняной
#FDF5E6oldlaceБедра испуганной нимфы
#FF00FFfuchsiaФуксия
#FF1493deeppinkТемно-розовый
#FF4500orangeredКрасно-оранжевый
#FF6347tomatoТоматный
#FF69B4hotpinkЯрко-розовый
#FF7F50coralКоралловый
#FF8C00darkorangeТемно-оранжевый
#FFA07AlightsalmonСветлый оранжево-розовый
#FFA500orangeОранжевый
#FFB6C1lightpinkСветло-розовый
#FFC0CBpinkРозовый
#FFD700goldЗолотой
#FFDAB9peachpuffПерсиковый
#FFDEADnavajowhiteГрязно-серый
#FFE4B5moccasinБолотный
#FFE4C4bisqueБисквитный
#FFE4E1mistyroseТуманно-розовый
#FFEBCDblanchedalmondСветло-кремовый
#FFEFD5papayaawhipДыни
#FFF0F5lavenderblushБледный розово-лиловый
#FFF5EEseashellМорской пены
#FFF8DCcornsilkСлоновой кости
#FFFACDlemonchiffonЛимонный
#FFFAF0floralwhiteЦветочно-белый
#FFFAFAsnowСнежный
#FFFF00yellowЖелтый
#FFFFE0lightyellowСветло-желтый
#FFFFF0ivoryСлоновой кости
#FFFFFFwhiteБелый

Posted in HTML/xHTML, Верстка сайта and tagged HTML, цвет.

Цвета в 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

  • Category: Разное

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

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

Бесплатный хостинг от компании Бегет, для начинающих: beget.com/ru/hosting/free

Код темно синего цвета — Авто журнал КарЛазарт

Рейтинг статьи

Загрузка…

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

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

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

Задать коды цветов в html можно несколькими способами: указать в значении название цвета, использовать RGB код, использовать шестнадцатеричный код. Давайте рассмотрим каждый из способов подробнее:

  • Название цвета
    Простейший способ задать цвет, если он один из самых популярных, таких как: чёрный(black), белый(white), красный(red), зеленый(green), синий(blue) и т.д. Если необходимо выбрать более специфический цвет, то лучше воспользоваться кодами цветов в html. Как правило, в тегах цвета указываются благодаря параметру color , значение которого и есть наш цвет, например: color =»red» > красный текст . Если использовать CSS, то картина немного другая: style =»color: название цвета» . (первая колонка в таблице цветов html)
  • RGB код, цвета в десятичных числах
    В данном способе используется RGB код, который состоит из десятичных чисел. Этот код состоит из трёх чисел (диапазон цифр каждого из чисел: 0-255), первое число задаёт насыщенность красного цвета R(red), второе число — задаёт насыщенность зеленого цвета G(green), третье – синего B(blue). Отсюда и название, RGB-код. Пример: color =»255 0 0″ > красный текст . (третья колонка в палитре цветов html)
  • Шестнадцатеричный код цвета
    Данный способ очень похож на предыдущий, вот только в нём используются шестнадцатеричные числа. К тому же, перед кодом цветов обязательно следует ставить символ # . Сегодня этот способ самый популярный, он позволяет детально выбрать необходимый цвет, а также имеет компактный вид в html. Пример: color =»#FF0000″ > красный текст . (четвертая колонка в таблице цветов html)

Цвета RAL

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

Цветовой стандарт RAL начинает свою историю с 1927 года, когда специалистами из «Управления по торговым стандартам» Германии была впервые разработана коллекция, состоящая на тот момент из 40 цветов. С тех пор палитра RAL постоянно расширяется. Компания выпускает каталоги цветов, веера, содержащие примеры красок по RAL, разрабатывает и добавляет новые образцы.

На нашем сайте имеются все три современные цветовые шкалы, таблицы RAL с раскладкой по CMYK и RGB.

Выберите каталог цветов RAL:

Каталог цветов RAL CLASSIC

Каталог RAL CLASSIC в настоящее время содержит 213 цветов, в том числе 15 перламутровых, 5 люминесцентных, и 2 железных.

Имя цвета в таблице RAL CLASSIC состоит из четырёхзначного числа в сочетании с префиксом «RAL» (например, RAL 1037). Первая цифра является кодом оттенка (1 – желтые, 2 – оранжевые, 3 – красные, 4 – фиолетовые, 5 – синие, 6 – зелёные, 7 – серые, 8 – коричневые, 9 – белые и чёрные). Остальные три цифры выбраны последовательно. Русскоязычное имя цвета (например, «солнечно-жёлтый» для RAL 1037) не является нормативным, для обозначения цвета достаточно запомнить лишь цифры.

Цвета HTML

Цвета html обозначаются шестью символами после символа слеш — например, #000000. Эти шесть символов обозначают доли различных цветов (Красного, Зеленого и Синего цветов (Red, Green, Blue)) в итоговом цвете. В мониторе вашего комьютера изображение формируется из огромного количества точек, называемых пикселями. Каждый пиксел — это маленький источник света, назовём его «фонарик», который в свою очередь состоит из трех фонариков — красного, зеленого и синего цвета. Уменьшая или увеличивая интенсивность свечения отдельных цветных фонариков, мы получаем нужный цвет.

Коды цветов html

Цвета в HTML обозначаются шестнадцатиричным (HEX) обозначением сочетания красного, синего и зеленого цвета (RGB).

Наименьшим значением цвета является 0 (шестнадцатиричное 00). Наибольшим значением цвета является 255 (шестнадцатиричное FF).

Шестнадцатиричное значение цвета представляет из себя три цифры, начинающиеся со знака #.

0 0 голоса

Рейтинг статьи

Оценка статьи:

Загрузка…

0

Оставьте комментарий! Напишите, что думаете по поводу статьи.x

Adblock
detector

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

24

Авг,2019

HTML цвета

Подробную информацию по  цветам в HTML  можно  найти в уроке «Как сделать картинку фоном» и в уроке «Цвет в CSS»,
а здесь я приведу таблицу цветовых констант в HTML.

Красные
Имя цветаHEXRGB
IndianRed#CD5C5C205 92 92
LightCoral#F08080240 128 128
Salmon#FA8072250 128 114
DarkSalmon#E9967A233 150 122
LightSalmon#FFA07A255 160 122
Crimson#DC143C220 20 60
Red#FF0000255 0 0
FireBrick#B22222178 34 34
DarkRed#8B0000139 0 0
Жёлтые
Имя цветаHEXRGB
Gold#FFD700255 215 0
Yellow#FFFF00255 255 0
LightYellow#FFFFE0255 255 224
LemonChiffon#FFFACD255 250 205
LightGoldenrodYellow#FAFAD2250 250 210
PapayaWhip#FFEFD5255 239 213
Moccasin#FFE4B5255 228 181
PeachPuff#FFDAB9255 218 185
PaleGoldenrod#EEE8AA238 232 170
Khaki#F0E68C240 230 140
DarkKhaki#BDB76B189 183 107
Оранжевые
Имя цветаHEXRGB
Coral#FF7F50255 127 80
Tomato#FF6347255 99 71
OrangeRed#FF4500255 69 0
DarkOrange#FF8C00255 140 0
Orange#FFA500255 165 0
Розовые
Имя цветаHEXRGB
Pink#FFC0CB255 192 203
LightPink#FFB6C1255 182 193
HotPink#FF69B4255 105 180
DeepPink#FF1493255 20 147
MediumVioletRed#C71585199 21 133
PaleVioletRed#DB7093219 112 147
Фиолетовые
Имя цветаHEXRGB
Lavender#E6E6FA230 230 250
Thistle#D8BFD8216 191 216
Plum#DDA0DD221 160 221
Violet#EE82EE238 130 238
Orchid#DA70D6218 112 214
Fuchsia(Magenta)#FF00FF255 0 255
MediumOrchid#BA55D3186 85 211
MediumPurple#9370DB147 112 219
BlueViolet#8A2BE2138 43 226
DarkViolet#9400D3148 0 211
DarkOrchid#9932CC153 50 204
DarkMagenta#8B008B139 0 139
Purple#800080128 0 128
Indigo#4B008275 0 130
SlateBlue#6A5ACD106 90 205
DarkSlateBlue#483D8B72 61 139
Коричневые
Имя цветаHEXRGB
Cornsilk#FFF8DC255 248 220
BlanchedAlmond#FFEBCD255 235 205
Bisque#FFE4C4255 228 196
NavajoWhite#FFDEAD255 222 173
Wheat#F5DEB3245 222 179
BurlyWood#DEB887222 184 135
Tan#D2B48C210 180 140
RosyBrown#BC8F8F188 143 143
SandyBrown#F4A460244 164 96
Goldenrod#DAA520218 165 32
DarkGoldenrod#B8860B184 134 11
Peru#CD853F205 133 63
Chocolate#D2691E210 105 30
SaddleBrown#8B4513139 69 19
Sienna#A0522D160 82 45
Brown#A52A2A165 42 42
Maroon#800000128 0 0
Синие
Имя цветаHEXRGB
Aqua(Cyan)#00FFFF0 255 255
LightCyan#E0FFFF224 255 255
PaleTurquoise#AFEEEE175 238 238
Aquamarine#7FFFD4127 255 212
Turquoise#40E0D064 224 208
MediumTurquoise#48D1CC72 209 204
DarkTurquoise#00CED10 206 209
CadetBlue#5F9EA095 158 160
SteelBlue#4682B470 130 180
LightSteelBlue#B0C4DE176 196 222
PowderBlue#B0E0E6176 224 230
LightBlue#ADD8E6173 216 230
SkyBlue#87CEEB135 206 235
LightSkyBlue#87CEFA135 206 250
DeepSkyBlue#00BFFF0 191 255
DodgerBlue#1E90FF30 144 255
CornflowerBlue#6495ED100 149 237
MediumSlateBlue#7B68EE123 104 238
RoyalBlue#4169E165 105 225
Blue#0000FF0 0 255
MediumBlue#0000CD0 0 205
DarkBlue#00008B0 0 139
Navy#0000800 0 128
MidnightBlue#19197025 25 112
Имя цветаHEXRGB
Зелёные
GreenYellow#ADFF2F173 255 47
Chartreuse#7FFF00127 255 0
LawnGreen#7CFC00124 252 0
Lime#00FF000 255 0
LimeGreen#32CD3250 205 50
PaleGreen#98FB98152 251 152
LightGreen#90EE90144 238 144
MediumSpringGreen#00FA9A0 250 154
SpringGreen#00FF7F0 255 127
MediumSeaGreen#3CB37160 179 113
SeaGreen#2E8B5746 139 87
ForestGreen#228B2234 139 34
Green#0080000 128 0
DarkGreen#0064000 100 0
YellowGreen#9ACD32154 205 50
OliveDrab#6B8E23107 142 35
Olive#808000128 128 0
DarkOliveGreen#556B2F85 107 47
MediumAquamarine#66CDAA102 205 170
DarkSeaGreen#8FBC8F143 188 143
LightSeaGreen#20B2AA32 178 170
DarkCyan#008B8B0 139 139
Teal#0080800 128 128
Белые
Имя цветаHEXRGB
White#FFFFFF255 255 255
Snow#FFFAFA255 250 250
Honeydew#F0FFF0240 255 240
MintCream#F5FFFA245 255 250
Azure#F0FFFF240 255 255
AliceBlue#F0F8FF240 248 255
GhostWhite#F8F8FF248 248 255
WhiteSmoke#F5F5F5245 245 245
Seashell#FFF5EE255 245 238
Beige#F5F5DC245 245 220
OldLace#FDF5E6253 245 230
FloralWhite#FFFAF0255 250 240
Ivory#FFFFF0255 255 240
AntiqueWhite#FAEBD7250 235 215
Linen#FAF0E6250 240 230
LavenderBlush#FFF0F5255 240 245
MistyRose#FFE4E1255 228 225
Серые
Имя цветаHEXRGB
Gainsboro#DCDCDC220 220 220
LightGray#D3D3D3211 211 211
Silver#C0C0C0192 192 192
DarkGray#A9A9A9169 169 169
Gray#808080128 128 128
DimGray#696969105 105 105
LightSlateGray#778899119 136 153
SlateGray#708090112 128 144
DarkSlateGray#2F4F4F47 79 79
Black#0000000 0 0

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Поделиться

Твитнуть

Поделиться

(Visited 2 062 times, 1 visits today)

Как добавить цвет на веб-страницу

Название цвета Шестнадцатеричный код
RGB
Десятичный код
RGB
Черный 000000 0,0,0
Серебро C0C0C0 192 192 192
Серый 808080 128 128 128
Белый ФФФФФФ 255 255 255
Бордовый 800000 128,0,0
Красный FF0000 255,0,0
Название цвета Шестнадцатеричный код
RGB
Десятичный код
RGB
Фиолетовый 800080 128,0,128
Фуксия ФФ00ФФ 255,0,255
Зеленый 008000 0,128,0
Лайм 00FF00 0,255,0
Олива 808000 128 128,0
Желтый FFFF00 255 255,0
Название цвета Шестнадцатеричный код
RGB
Десятичный код
RGB
Военно-морской флот 000080 0,0,128
Синий 0000FF 0,0,255
Бирюзовый 008080 0 128 128
Аква 00FFFF 0 255 255

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