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

Коды и названия цветов в 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Светлый оранжево-розовый
#FFA500
orangeОранжевый
#FFB6C1lightpinkСветло-розовый
#FFC0CBpinkРозовый
#FFD700goldЗолотой
#FFDAB9peachpuffПерсиковый
#FFDEADnavajowhiteГрязно-серый
#FFE4B5moccasinБолотный
#FFE4C4bisqueБисквитный
#FFE4E1mistyroseТуманно-розовый
#FFEBCDblanchedalmondСветло-кремовый
#FFEFD5papayaawhipДыни
#FFF0F5lavenderblushБледный розово-лиловый
#FFF5EEseashellМорской пены
#FFF8DCcornsilkСлоновой кости
#FFFACDlemonchiffonЛимонный
#FFFAF0floralwhiteЦветочно-белый
#FFFAFAsnowСнежный
#FFFF00yellowЖелтый
#FFFFE0lightyellowСветло-желтый
#FFFFF0ivoryСлоновой кости
#FFFFFFwhiteБелый

Цвет | 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
Десятичные 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Шестнадцатеричные 1 2 3 4 5 6 7 8 9 A B C D E F

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

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

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

Табл. 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

Цвет | 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 приведено соответствие десятичных и шестнадцатеричных чисел.

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

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

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

Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #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.3. Названия некоторых цветов
Имя цвета Цвет Описание Шестнадцатеричное значение
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

Не имеет значения, каким способом вы задаете цвет — по его имени или с помощью шестнадцатеричных чисел. По своему действию эти способы равны. В примере 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 — Как создать сайт

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

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

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

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

Имя цвета

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

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

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

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

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

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

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

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

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

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

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

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

RGB

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

Отправить ответ

avatar
  Подписаться  
Уведомление о