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


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

gabdrahimov.ru

Как изменить цвет текста в HTML. Атрибут color

 

В этом уроке мы рассмотрим последний атрибут тега <font>, который задает цвет текста. По умолчанию текст имеет черный цвет, который выводиться на белом фоне. Для того, чтобы изменить цвет текста в html, нужно применить атрибут color тега <font>:

<font color=»цвет»>

Для задания цвета достаточно указать его название, например: red, green, blue. Рассмотрим небольшой пример:


<html>
  <head>
    <title>Урок 6. Изменяем цвет текста</title>
  </head>
  <body>
    <p><font color="green">Текст зеленого цвета</font></p>
    <p><font color="red">Текст красного цвета</font></p>
    <p><font color="purple">Текст фиолетового цвета</font></p>
  </body>
</html> 
              

Посмотрим результат в браузере:

Текст в первом абзаце стал зеленым, во втором – красным, а в третьем – фиолетовым. Всего существует 16 названий основных цветов и 130 дополнительных. Полный список цветов вы можете посмотреть в таблице цветов html.

Этот способ обозначения цвета очень прост, но весьма ограничен. Поэтому для того чтобы изменить цвет в html – коде, чаще используют шестнадцатеричное число перед которым стоит знак решетки (#), например:

<font color=»#5AFF00″>

 

С помощью такого обозначения можно получить более 16 миллионов цветов и их оттенков! Получить код цвета можно с помощью конвертера цветов HEX, который имеется на сайте, или воспользовавшись палитрой цветов в том же Photoshop. Рассмотрим пример и запишем следующий код:


<html>
  <head>
    <title>Урок 6. Изменяем цвет текста</title>
  </head>
  <body>
    <p><font color="#008000">Текст зеленого цвета</font></p>
    <p><font color="#FF0000">Текст красного цвета</font></p>
    <p><font color="#800080">Текст фиолетового цвета</font></p>
  </body>
</html> 
              

Сохраним файл и посмотрим на результат:

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

Теперь вы научились изменять цвет текста в html и в конце урока предлагаю повторить все атрибуты тега <font>, и задать тексту сразу несколько параметров, а именно: шрифт, размер и цвет. Запишите пример:


<html>
  <head>
    <title>Задаем тексту несколько параметров</title>
  </head>
  <body>
    <p>&nbsp</p>
    <p align="center"><font face="courier" size="+2" color="#008000">Задаем тексту шрифт, размер и цвет</font></p>
    <p align="center"><font face="arial" size="+3" color="#00FF02">Задаем тексту шрифт, размер и цвет</font></p>
    <p align="center"><font face="comic sans ms" size="+4" color="#FF002E">Задаем тексту шрифт, размер и цвет</font></p>
  </body>
</html> 
              

Как всегда не забудем сохранить файл и посмотрим результат:

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

saperka.ru

Цвета HTML — это… Что такое Цвета HTML?

Существуют несколько основных способов представления цветов в вебе.

  1. В виде #123ABC. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:
    две первые цифры — красный
    две в середине — зелёный
    две последние цифры — синий
    Возможно также краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.
  2. Представление ключевыми словами, например green, black. Во избежание случаев, когда указанное ключевое слово «не понимается» браузером следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах.
  3. В виде rgb(*,*,*), где «*» — числа от 0 до 255, обозначающих количество соответствующего цвета (красный, зелёный, синий) в получаемом.

Имена цветов в HTML

В спецификации HTML 4.01[1] определены следующие 16 ключевых цветов (в данном контексте можно использовать как заглавные, так и строчные буквы):*

^В спецификации используются английские названия цветов.

Безопасная палитра Netscape

В эпоху 256-цветных видеокарт широко применялась так называемая «безопасная палитра Netscape» — однородная палитра 6×6×6. В truecolor у безопасных цветов все три компонента — R, G и B — равняются 00, 33, 66, 99, CC и FF. Браузер Netscape гарантировал, что эти цвета будут отображены без приближения или растрирования. Другими словами, 223 цвета стандартной 16-цветовой палитры и палитры 6×6×6 были наиболее предпочтительными для цвета изображения и фона.

К концу 90-х годов, с полным исчезновением 8-битного цвета с рабочих столов ОС, это требование исчезло. Тем не менее, Adobe Photoshop и поныне оснащён опцией «Только Web-цвета» (англ. Only Web Colors).

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

HTML имяК З С16К З С10
Красные
IndianRedCD 5C 5C205 92 92
LightCoralF0 80 80240 128 128
SalmonFA 80 72250 128 114
DarkSalmonE9 96 7A233 150 122
LightSalmonFF A0 7A255 160 122
CrimsonDC 14 3C220 20 60
RedFF 00 00255 0 0
FireBrickB2 22 22178 34 34
DarkRed8B 00 00139 0 0
Розовые
PinkFF C0 CB255 192 203
LightPinkFF B6 C1255 182 193
HotPinkFF 69 B4255 105 180
DeepPinkFF 14 93255 20 147
MediumVioletRedC7 15 85199 21 133
PaleVioletRedDB 70 93219 112 147
Оранжевые
CoralFF 7F 50255 127 80
TomatoFF 63 47255 99 71
OrangeRedFF 45 00255 69 0
DarkOrangeFF 8C 00255 140 0
OrangeFF A5 00255 165 0
Жёлтые
GoldFF D7 00255 215 0
YellowFF FF 00255 255 0
LightYellowFF FF E0255 255 224
LemonChiffonFF FA CD255 250 205
LightGoldenrodYellowFA FA D2250 250 210
PapayaWhipFF EF D5255 239 213
MoccasinFF E4 B5255 228 181
PeachPuffFF DA B9255 218 185
PaleGoldenrodEE E8 AA238 232 170
KhakiF0 E6 8C240 230 140
DarkKhakiBD B7 6B189 183 107
Фиолетовые
LavenderE6 E6 FA230 230 250
ThistleD8 BF D8216 191 216
PlumDD A0 DD221 160 221
VioletEE 82 EE238 130 238
OrchidDA 70 D6218 112 214
FuchsiaFF 00 FF255 0 255
MagentaFF 00 FF255 0 255
MediumOrchidBA 55 D3186 85 211
MediumPurple93 70 DB147 112 219
BlueViolet8A 2B E2138 43 226
DarkViolet94 00 D3148 0 211
DarkOrchid99 32 CC153 50 204
DarkMagenta8B 00 8B139 0 139
Purple80 00 80128 0 128
Indigo4B 00 8275 0 130
SlateBlue6A 5A CD106 90 205
DarkSlateBlue48 3D 8B72 61 139
HTML имяК З С16К З С10
Зелёные
GreenYellowAD FF 2F173 255 47
Chartreuse7F FF 00127 255 0
LawnGreen7C FC 00124 252 0
Lime00 FF 000 255 0
LimeGreen32 CD 3250 205 50
PaleGreen98 FB 98152 251 152
LightGreen90 EE 90144 238 144
MediumSpringGreen00 FA 9A0 250 154
SpringGreen00 FF 7F0 255 127
MediumSeaGreen3C B3 7160 179 113
SeaGreen2E 8B 5746 139 87
ForestGreen22 8B 2234 139 34
Green00 80 000 128 0
DarkGreen00 64 000 100 0
YellowGreen9A CD 32154 205 50
OliveDrab6B 8E 23107 142 35
Olive80 80 00128 128 0
DarkOliveGreen55 6B 2F85 107 47
MediumAquamarine66 CD AA102 205 170
DarkSeaGreen8F BC 8F143 188 143
LightSeaGreen20 B2 AA32 178 170
DarkCyan00 8B 8B0 139 139
Teal00 80 800 128 128
Синие
Aqua00 FF FF0 255 255
Cyan00 FF FF0 255 255
LightCyanE0 FF FF224 255 255
PaleTurquoiseAF EE EE175 238 238
Aquamarine7F FF D4127 255 212
Turquoise40 E0 D064 224 208
MediumTurquoise48 D1 CC72 209 204
DarkTurquoise00 CE D10 206 209
CadetBlue5F 9E A095 158 160
SteelBlue46 82 B470 130 180
LightSteelBlueB0 C4 DE176 196 222
PowderBlueB0 E0 E6176 224 230
LightBlueAD D8 E6173 216 230
SkyBlue87 CE EB135 206 235
LightSkyBlue87 CE FA135 206 250
DeepSkyBlue00 BF FF0 191 255
DodgerBlue1E 90 FF30 144 255
CornflowerBlue64 95 ED100 149 237
MediumSlateBlue7B 68 EE123 104 238
RoyalBlue41 69 E165 105 225
Blue00 00 FF0 0 255
MediumBlue00 00 CD0 0 205
DarkBlue00 00 8B0 0 139
Navy00 00 800 0 128
MidnightBlue19 19 7025 25 112
HTML имяК З С16К З С10
Коричневые
CornsilkFF F8 DC255 248 220
BlanchedAlmondFF EB CD255 235 205
BisqueFF E4 C4255 228 196
NavajoWhiteFF DE AD255 222 173
WheatF5 DE B3245 222 179
BurlyWoodDE B8 87222 184 135
TanD2 B4 8C210 180 140
RosyBrownBC 8F 8F188 143 143
SandyBrownF4 A4 60244 164 96
GoldenrodDA A5 20218 165 32
DarkGoldenrodB8 86 0B184 134 11
PeruCD 85 3F205 133 63
ChocolateD2 69 1E210 105 30
SaddleBrown8B 45 13139 69 19
SiennaA0 52 2D160 82 45
BrownA5 2A 2A165 42 42
Maroon80 00 00128 0 0
Белые
WhiteFF FF FF255 255 255
SnowFF FA FA255 250 250
HoneydewF0 FF F0240 255 240
MintCreamF5 FF FA245 255 250
AzureF0 FF FF240 255 255
AliceBlueF0 F8 FF240 248 255
GhostWhiteF8 F8 FF248 248 255
WhiteSmokeF5 F5 F5245 245 245
SeashellFF F5 EE255 245 238
BeigeF5 F5 DC245 245 220
OldLaceFD F5 E6253 245 230
FloralWhiteFF FA F0255 250 240
IvoryFF FF F0255 255 240
AntiqueWhiteFA EB D7250 235 215
LinenFA F0 E6250 240 230
LavenderBlushFF F0 F5255 240 245
MistyRoseFF E4 E1255 228 225
Серые *
GainsboroDC DC DC220 220 220
LightGrayD3 D3 D3211 211 211
SilverC0 C0 C0192 192 192
DarkGrayA9 A9 A9169 169 169
Gray80 80 80128 128 128
DimGray69 69 69105 105 105
LightSlateGray77 88 99119 136 153
SlateGray70 80 90112 128 144
DarkSlateGray2F 4F 4F47 79 79
Black00 00 000 0 0
  • Слово «Gray» в названиях серых цветов можно писать и как «Grey».

Примечания

Ссылки

Список цветов, правильно отображаемые браузерами:

dic.academic.ru

Цвета HTML — Википедия

Материал из Википедии — свободной энциклопедии

Существуют несколько основных способов представления цветов в вебе.

  1. В виде #123ABC. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:
    1. две первые цифры — красный
    2. две в середине — зелёный
    3. две последние цифры — синий
      Возможно также краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.
  2. Представление ключевыми словами, например green, black. Во избежание случаев, когда указанное ключевое слово «не понимается» браузером, следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах.
  3. В виде RGB(*,*,*), где «*» — числа от 0 до 255, обозначающих количество соответствующего цвета (красный, зелёный, синий) в получаемом.
  4. Возможен и RGBA(*,*,*,*), где первые 3 «*» — компоненты цвета, задающиеся в диапазоне 0 до 255, а последняя «*» — уровень непрозрачности (альфа-канал), задающийся дробными числами от 0 до 1.

Имена цветов в HTML

В спецификации HTML 4.01[1] определены следующие 16 ключевых цветов (в данном контексте можно использовать как заглавные, так и строчные буквы):

^В спецификации используются английские названия цветов.

Безопасная палитра Netscape

В эпоху 256-цветных видеокарт широко применялась так называемая «безопасная палитра Netscape» — однородная палитра 6×6×6. В truecolor у безопасных цветов все три компонента — R, G и B — равняются 00, 33, 66, 99, CC и FF. Браузер Netscape гарантировал, что эти цвета будут отображены без приближения или растрирования.

Другими словами, 216 цветов стандартной 16-цветовой палитры и палитры 6×6×6 были наиболее предпочтительными для цвета изображения и фона.

К концу 90-х годов, с полным исчезновением 8-битного цвета с рабочих столов ОС, это требование исчезло. Тем не менее, Adobe Photoshop и поныне оснащён опцией «Только Web-цвета» (англ. Only Web Colors).

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

HTML имяК З С16К З С10
Красные
IndianRedCD 5C 5C205 92 92
LightCoralF0 80 80240 128 128
SalmonFA 80 72250 128 114
DarkSalmonE9 96 7A233 150 122
LightSalmonFF A0 7A255 160 122
CrimsonDC 14 3C220 20 60
RedFF 00 00255 0 0
FireBrickB2 22 22178 34 34
DarkRed8B 00 00139 0 0
Розовые
PinkFF C0 CB255 192 203
LightPinkFF B6 C1255 182 193
HotPinkFF 69 B4255 105 180
DeepPinkFF 14 93255 20 147
MediumVioletRedC7 15 85199 21 133
PaleVioletRedDB 70 93219 112 147
Оранжевые
CoralFF 7F 50255 127 80
TomatoFF 63 47255 99 71
OrangeRedFF 45 00255 69 0
DarkOrangeFF 8C 00255 140 0
OrangeFF A5 00255 165 0
Жёлтые
GoldFF D7 00255 215 0
YellowFF FF 00255 255 0
LightYellowFF FF E0255 255 224
LemonChiffonFF FA CD255 250 205
LightGoldenrodYellowFA FA D2250 250 210
PapayaWhipFF EF D5255 239 213
MoccasinFF E4 B5255 228 181
PeachPuffFF DA B9255 218 185
PaleGoldenrodEE E8 AA238 232 170
KhakiF0 E6 8C240 230 140
DarkKhakiBD B7 6B189 183 107
Фиолетовые
LavenderE6 E6 FA230 230 250
ThistleD8 BF D8216 191 216
PlumDD A0 DD221 160 221
VioletEE 82 EE238 130 238
OrchidDA 70 D6218 112 214
Fuchsia(Magenta)FF 00 FF255 0 255
MediumOrchidBA 55 D3186 85 211
MediumPurple93 70 DB147 112 219
BlueViolet8A 2B E2138 43 226
DarkViolet94 00 D3148 0 211
DarkOrchid99 32 CC153 50 204
DarkMagenta8B 00 8B139 0 139
Purple80 00 80128 0 128
Indigo4B 00 8275 0 130
SlateBlue6A 5A CD106 90 205
DarkSlateBlue48 3D 8B72 61 139
HTML имяК З С16К З С10
Зелёные
GreenYellowAD FF 2F173 255 47
Chartreuse7F FF 00127 255 0
LawnGreen7C FC 00124 252 0
Lime00 FF 000 255 0
LimeGreen32 CD 3250 205 50
PaleGreen98 FB 98152 251 152
LightGreen90 EE 90144 238 144
MediumSpringGreen00 FA 9A0 250 154
SpringGreen00 FF 7F0 255 127
MediumSeaGreen3C B3 7160 179 113
SeaGreen2E 8B 5746 139 87
ForestGreen22 8B 2234 139 34
Green00 80 000 128 0
DarkGreen00 64 000 100 0
YellowGreen9A CD 32154 205 50
OliveDrab6B 8E 23107 142 35
Olive80 80 00128 128 0
DarkOliveGreen55 6B 2F85 107 47
MediumAquamarine66 CD AA102 205 170
DarkSeaGreen8F BC 8F143 188 143
LightSeaGreen20 B2 AA32 178 170
DarkCyan00 8B 8B0 139 139
Teal00 80 800 128 128
Синие
Aqua(Cyan)00 FF FF0 255 255
LightCyanE0 FF FF224 255 255
PaleTurquoiseAF EE EE175 238 238
Aquamarine7F FF D4127 255 212
Turquoise40 E0 D064 224 208
MediumTurquoise48 D1 CC72 209 204
DarkTurquoise00 CE D10 206 209
CadetBlue5F 9E A095 158 160
SteelBlue46 82 B470 130 180
LightSteelBlueB0 C4 DE176 196 222
PowderBlueB0 E0 E6176 224 230
LightBlueAD D8 E6173 216 230
SkyBlue87 CE EB135 206 235
LightSkyBlue87 CE FA135 206 250
DeepSkyBlue00 BF FF0 191 255
DodgerBlue1E 90 FF30 144 255
CornflowerBlue64 95 ED100 149 237
MediumSlateBlue7B 68 EE123 104 238
RoyalBlue41 69 E165 105 225
Blue00 00 FF0 0 255
MediumBlue00 00 CD0 0 205
DarkBlue00 00 8B0 0 139
Navy00 00 800 0 128
MidnightBlue19 19 7025 25 112
HTML имяК З С16К З С10
Коричневые
CornsilkFF F8 DC255 248 220
BlanchedAlmondFF EB CD255 235 205
BisqueFF E4 C4255 228 196
NavajoWhiteFF DE AD255 222 173
WheatF5 DE B3245 222 179
BurlyWoodDE B8 87222 184 135
TanD2 B4 8C210 180 140
RosyBrownBC 8F 8F188 143 143
SandyBrownF4 A4 60244 164 96
GoldenrodDA A5 20218 165 32
DarkGoldenrodB8 86 0B184 134 11
PeruCD 85 3F205 133 63
ChocolateD2 69 1E210 105 30
SaddleBrown8B 45 13139 69 19
SiennaA0 52 2D160 82 45
BrownA5 2A 2A165 42 42
Maroon80 00 00128 0 0
Белые
WhiteFF FF FF255 255 255
SnowFF FA FA255 250 250
HoneydewF0 FF F0240 255 240
MintCreamF5 FF FA245 255 250
AzureF0 FF FF240 255 255
AliceBlueF0 F8 FF240 248 255
GhostWhiteF8 F8 FF248 248 255
WhiteSmokeF5 F5 F5245 245 245
SeashellFF F5 EE255 245 238
BeigeF5 F5 DC245 245 220
OldLaceFD F5 E6253 245 230
FloralWhiteFF FA F0255 250 240
IvoryFF FF F0255 255 240
AntiqueWhiteFA EB D7250 235 215
LinenFA F0 E6250 240 230
LavenderBlushFF F0 F5255 240 245
MistyRoseFF E4 E1255 228 225
Серые *
GainsboroDC DC DC220 220 220
LightGrayD3 D3 D3211 211 211
SilverC0 C0 C0192 192 192
DarkGrayA9 A9 A9169 169 169
Gray80 80 80128 128 128
DimGray69 69 69105 105 105
LightSlateGray77 88 99119 136 153
SlateGray70 80 90112 128 144
DarkSlateGray2F 4F 4F47 79 79
Black00 00 000 0 0
  • Слово «Gray» в названиях серых цветов не нужно писать как «Grey», так как ряд браузеров интерпретируют это как «Green»[источник?]

Цвета CSS

Язык Cascading Style Sheets определяет все цвета HTML4 и X11, а также такие[2]:

Цвета, добавленные в CSS 2.1
ColorNameHex (RGB)Red
(RGB)
Green
(RGB)
Blue
(RGB)
Hue
(HSL/HSV)
Satur
(HSL)
Light
(HSL)
Satur
(HSV)
Value
(HSV)
Alias
 orange#FFA500100%65%0%&&&&&&&&&&&&&039.&&&&&039°100%50%100%100% 
Цвета, добавленные в CSS 4
ColorNameHex (RGB)Red
(RGB)
Green
(RGB)
Blue
(RGB)
Hue
(HSL/HSV)
Satur
(HSL)
Light
(HSL)
Satur
(HSV)
Value
(HSV)
Alias
 RebeccaPurple#66339940%20%60%&&&&&&&&&&&&0270.&&&&&0270°50%40%67%60% 

Цвет назван в честь Ребекки, дочери Эрика Мейера, пропагандиста и одного из разработчиков CSS. Она умерла от опухоли мозга в возрасте 6 лет.

CSS 2, SVG и CSS 2.1 также позволяют использование системных цветов — имён цветов, значения которых определяются операционной системой, например, использование системного цвета для подсвеченного текста или фона для управляющих элементов. Это позволяет web-разработчикам адаптировать контент страницы к стилю операционной системы пользователя.[3] В модуле работы с цветом CSS3 использование системных цветов объявлено нежелательным и заменено на CSS3 UI System Appearance property,[4][5] который впоследствии был удален из CSS3.[6]

Спецификация CSS3 также вводит цветовую модель HSV:

 /* имя цвета */
 p { color: red } /* Базовый список цветов */
 p { color: blanchedalmond } /* Расширенный список цветов (X11) */

 /* модель RGB */
 p { color: #F00}/* #rgb */
 p { color: #FF0000 } /* #rrggbb */
 p { color: rgb(255,0,0)} /* целое в диапазоне 0 — 255 */
 p { color: rgb(100%,0%, 0%) } /* число с плавающей точкой 0.0% — 100.0% */

 /* модель RGB с альфа-каналом, введена в CSS3 */
 p { color: rgba(255, 0, 0, 0.5) } /* 0.5 прозрачность, полупрозрачность */

 /* модель HSL, введена в CSS3 */
 p { color: hsl(0, 100%, 50%) } /* красный (red) */
 p { color: hsl(120, 100%, 50%) } /* зелёный (green) */
 p { color: hsl(120, 100%, 25%) } /* тёмно-зелёный (dark green) */
 p { color: hsl(120, 100%, 75%) } /* светло-зелёный (light green) */
 p { color: hsl(120, 50%, 50%) } /* пастельный зелёный (pastel green) */

 /* модель HSL с альфа-каналом */
 p { color: hsla(120, 100%, 50%, 1) } /* зелёный (green) */
 p { color: hsla(120, 100%, 50%, 0.5) } /* полупрозрачный зелёный */
 p { color: hsla(120, 100%, 50%, 0.1) } /* очень прозрачный зелёный */

Примечания

Ссылки

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

wikipedia.green

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *