Цвета в программировании таблица: Таблица RGB-цветов

Содержание

Таблица ключевых слов и hex кодов цветов, используемых в Web программировании (CSS, HTML)

В HTML 4.0 было определено лишь 16 цветов (они представлены ниже в таблице Первоначальные цвета), но в более поздних версиях добавилось еще 130 цветов.

Цвета, представленные в шестнадцатеричном формате, поддерживаются всеми основными браузерами. Шестнадцатеричный код цвета имеет формат #RRGGBB, где RR — красный, GG — зеленый и BB— голубой.

Эти значения определяют компоненты цвета, они могут быть в диапазоне от 0 до FF. Если код цвета представляет собой повторяющиеся значения, то его можно записывать в кратком формате вида #RGB, например, черный цвет можно записать как #000000 и #000.

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

#FF00FF соответствуют ключевые слова Fuchsia и Magenta, также серый цвет #808080 может записываться как Gray и как Grey.

 

Первоначальные цвета
Название цвета HEX код
Black #000000
Gray #808080
Silver #C0C0C0
White #FFFFFF
Fuchsia #FF00FF
Purple
#800080
Red #FF0000
Maroon #800000
Yellow #FFFF00
Olive #808000
Lime #00FF00
Green #008000
Aqua #00FFFF
Teal #008080
Blue #0000FF
Navy #000080
Оттенки белого
Название цвета HEX код
White #FFFFFF
Snow #FFFAFA
Honeydew #F0FFF0
MintCream #F5FFFA
Azure #F0FFFF
AliceBlue #F0F8FF
GhostWhite #F8F8FF
WhiteSmoke #F5F5F5
Seashell #FFF5EE
Beige #F5F5DC
OldLace
#FDF5E6
FloralWhite #FFFAF0
Ivory #FFFFF0
AntiqueWhite #FAEBD7
Linen #FAF0E6
LavenderBlush #FFF0F5
MistyRose #FFE4E1
Оттенки серого
Название цвета HEX код
Gainsboro #DCDCDC
LightGrey #D3D3D3
LightGray #D3D3D3
Silver #C0C0C0
DarkGray #A9A9A9
DarkGrey #A9A9A9
Gray #808080
Grey #808080
DimGray #696969
DimGrey #696969
LightSlateGray #778899
LightSlateGrey #778899
SlateGray #708090
SlateGrey
#708090
DarkSlateGray #2F4F4F
DarkSlateGrey #2F4F4F
Black #000000

 

Оттенки красного
Название цвета HEX код
IndianRed #CD5C5C
LightCoral #F08080
Salmon #FA8072
DarkSalmon #E9967A
LightSalmon #FFA07A
Crimson #DC143C
Red #FF0000
FireBrick #B22222
DarkRed #8B0000
Оттенки оранжевого
Название цвета HEX код
LightSalmon #FFA07A
Coral #FF7F50
Tomato #FF6347
OrangeRed #FF4500
DarkOrange #FF8C00
Orange #FFA500
Оттенки коричневого
Название цвета HEX код
Cornsilk #FFF8DC
BlanchedAlmond #FFEBCD
Bisque #FFE4C4
NavajoWhite #FFDEAD
Wheat #F5DEB3
BurlyWood #DEB887
Tan #D2B48C
RosyBrown #BC8F8F
SandyBrown #F4A460
Goldenrod #DAA520
DarkGoldenRod #B8860B
Peru #CD853F
Chocolate #D2691E
SaddleBrown #8B4513
Sienna #A0522D
Brown #A52A2A
Maroon #800000

 

Оттенки желтого
Название цвета HEX код
Gold #FFD700
Yellow #FFFF00
LightYellow #FFFFE0
LemonChiffon #FFFACD
LightGoldenrodYellow #FAFAD2
PapayaWhip #FFEFD5
Moccasin #FFE4B5
PeachPuff #FFDAB9
PaleGoldenrod #EEE8AA
Khaki #F0E68C
DarkKhaki #BDB76B

 

Оттенки зеленого
Название цвета HEX код
GreenYellow #ADFF2F
Chartreuse #7FFF00
LawnGreen #7CFC00
Lime #00FF00
LimeGreen #32CD32
PaleGreen #98FB98
LightGreen #90EE90
MediumSpringGreen #00FA9A
SpringGreen #00FF7F
MediumSeaGreen #3CB371
SeaGreen #2E8B57
ForestGreen #228B22
Green #008000
DarkGreen #006400
YellowGreen #9ACD32
OliveDrab #6B8E23
Olive #808000
DarkOliveGreen #556B2F
MediumAquamarine #66CDAA
DarkSeaGreen #8FBC8F
LightSeaGreen #20B2AA
DarkCyan #008B8B
Teal #008080

 

Оттенки синего
Название цвета HEX код
Aqua #00FFFF
Cyan #00FFFF
LightCyan #E0FFFF
PaleTurquoise #AFEEEE
Aquamarine #7FFFD4
Turquoise #40E0D0
MediumTurquoise #48D1CC
DarkTurquoise #00CED1
CadetBlue #5F9EA0
SteelBlue #4682B4
LightSteelBlue #B0C4DE
PowderBlue #B0E0E6
LightBlue #ADD8E6
SkyBlue #87CEEB
LightSkyBlue #87CEFA
DeepSkyBlue #00BFFF
DodgerBlue #1E90FF
CornflowerBlue #6495ED
MediumSlateBlue #7B68EE
RoyalBlue #4169E1
Blue #0000FF
MediumBlue #0000CD
DarkBlue #00008B
Navy #000080
MidnightBlue #191970

 

Оттенки фиолетового
Название цвета HEX код
Lavender #E6E6FA
Thistle #D8BFD8
Plum #DDA0DD
Violet #EE82EE
Orchid #DA70D6
Fuchsia #FF00FF
Magenta #FF00FF
MediumOrchid #BA55D3
MediumPurple #9370DB
BlueViolet #8A2BE2
DarkViolet #9400D3
DarkOrchid #9932CC
DarkMagenta #8B008B
Purple #800080
Indigo #4B0082
SlateBlue #6A5ACD
DarkSlateBlue #483D8B

 

Оттенки розового
Название цвета HEX код
Pink #FFC0CB
LightPink #FFB6C1
HotPink #FF69B4
DeepPink #FF1493
MediumVioletRed #C71585
PaleVioletRed #DB7093

 

 

Возможно, вам также будут интересны статьи:

Стандартные 140 цветов, применяемых в веб-дизайне. Таблица стилей 140 colors


Original: «140 стандартных (безопасных) веб-цветов»,
by WebSunSey on 04 Nov 2019


При стилизации html-страниц часто необходимо использовать различные цвета. Согласно спецификации HTML5 вся стилизация страниц производится в каскадных таблицах стилей — CSS. Обычно на сайтах применяют подключение к html-страницам внешних файлов css, в которых и прописываются все нужные стили. При этом часто возникает необходимость в таблице стилей для каждого элемента прописывать определённый цвет (текста, фона, тени).

Для того, чтобы облегчить работу по стилизации html-страниц, я написал таблицу стилей для стандартных 140 веб-цветов, применяемых в веб-дизайне и распознаваемых всеми браузерами.

С помощью этой таблицы стилей 140 стандартных веб-цветов отпадает необходимость прописывать цвет для каждого html-элемента в каскадной таблице стилей. Достаточно просто подключить к html-странице таблицу стилей 140 стандартных веб-цветов 140colors.css и уже в html-коде применять для элементов необходимый цвет, просто указав его название в качестве класса.

Например, нам необходимо задать синий цвет фона для заголовка h3. Для этого достаточно указать для него:

Пример

<h3>Заголовок на синем фоне</h3>

Результат:

Заголовок на синем фоне

Или задать цвет фона параграфа золотым — gold:

Пример

<p>Параграф из золотым фоном.</p>

Результат:

Параграф из золотым фоном.

Т.е. цвет фона в данном случае указывается в качестве класса. При этом по умолчанию текст на светлых фонах отображается чёрным цветом, а на тёмных фонах — белым цветом.

Также для большей контрастности и эффектности отображения белому тексту на тёмном фоне добавляется тень (как правило чёрного цвета). При этом вы можете открыть код самой таблице стилей 140 цветов и отредактировать, при необходимости поменяв и подкорректировав как цвет текста, так и цвет и толщину тени.

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

Пример

<p>Параграф из золотым фоном.</p>

Результат:

Параграф из золотым фоном.


Полный список всех 140 стандартных названий веб-цветов вы можете увидеть на странице 140 стандартных (безопасных) веб-цветов.

Скачать каскадную таблицу стилей из названиями (классами) 140 стандартных веб-цветов вы можете здесь: 140colors.css


Таблица цветов html, палитра и коды цветов в html HEX и RGB одной таблицей / FrontBlog.ru


Название цветаОбразецHEX форматRGB форматПеревод
     
black HEX #000000RGB 0/0/0черный
dimgray HEX #696969RGB 0/0/41тускло-серый
gray HEX #808080RGB 0/0/50серый
darkgray HEX #A9A9A9RGB 0/0/66темно-серый
silver HEX #C0C0C0RGB 0/0/75серебристый
lightgrey HEX #D3D3D3RGB 0/0/83светло-серый
gainsboro HEX #DCDCDCRGB 0/0/86Гейнсборо
whitesmoke HEX #F5F5F5RGB 0/0/96дымчатый
white HEX #FFFFFFRGB 0/0/100белый
snow HEX #FFFAFARGB 0/2/100снежный
rosybrown HEX #BC8F8FRGB 0/24/74розово-коричневый
lightcoral HEX #F08080RGB 0/47/94светло-коралловый
indianred HEX #CD5C5CRGB 0/55/80 
brown HEX #A52A2ARGB 0/75/65коричневый
firebrick HEX #B22222RGB 0/81/70кирпичный
maroon HEX #800000RGB 0/100/50густой красно-коричневый
darkred HEX #8B0000RGB 0/100/55темно-красный
red HEX #FF0000RGB 0/100/100красный
salmon HEX #FA8072RGB 6/54/98лососевый
mistyrose HEX #FFE4E1RGB 6/121/100туманно-розовый
tomato HEX #FF6347RGB 9/72/100томатный
darksalmon HEX #E9967ARGB 15/48/91темно-лососевый
coral HEX #FF7F50RGB 16/69/100коралловый
orangered HEX #FF4500RGB 16/100/100оранжево-красный
lightsalmon HEX #FFA07ARGB 17/52/100светло-лососевый
sienna HEX #A0522DRGB 19/72/63сиена (охра)
seashell HEX #FFF5EERGB 25/7/100морской раковины
saddlebrown HEX #8B4513RGB 25/86/55кожаного седла
chocolate HEX #D2691ERGB 25/86/82шоколадный
peachpuff HEX #FFDAB9RGB 28/27/100персиковый
sandybrown HEX #F4A460RGB 28/61/96рыжеватый
linen HEX #FAF0E6RGB 30/8/98льняной
peru HEX #CD853FRGB 30/69/80 
bisque HEX #FFE4C4RGB 33/23/100бисквитный (светло-коричневый)
darkorange HEX #FF8C00RGB 33/100/100темно-оранжевый
antiquewhite HEX #FAEBD7RGB 34/14/98древний (античный) белый
tan HEX #D2B48CRGB 34/33/82дубильной коры (желтовато-коричневый)
burlywood HEX #DEB887RGB 34/39/87плотной древесины
blanchedalmond HEX #FFEBCDRGB 36/20/100миндальный (чищеного миндаля)
navajowhite HEX #FFDEADRGB 36/32/100 
papayawhip HEX #FFEFD5RGB 37/16/100побега папайи
moccasin HEX #FFE4B5RGB 38/29/100 
oldlace HEX #FDF5E6RGB 39/9/99старого кружева
wheat HEX #F5DEB3RGB 39/27/96пшеничный
orange HEX #FFA500RGB 39/100/100оранжевый
floralwhite HEX #FFFAF0RGB 40/6/100цветочно-белый
goldenrod HEX #DAA520RGB 43/85/85золотисто-красный
darkgoldenrod HEX #B8860BRGB 43/94/72темный золотисто-красный
cornsilk HEX #FFF8DCRGB 48/14/100молодой кукурузы
gold HEX #FFD700RGB 51/100/100золотистый
lemonchiffon HEX #FFFACDRGB 54/20/100лимонного шифона
khaki HEX #F0E68CRGB 54/42/94хаки
palegoldenrod HEX #EEE8AARGB 55/29/93бледный золотисто-красный
darkkhaki HEX #BDB76BRGB 56/43/74темный хаки
ivory HEX #FFFFF0RGB 60/6/100слоновой кости
beige HEX #F5F5DCRGB 60/10/96беж
lightyellow HEX #FFFFE0RGB 60/12/100светло-желтый
olive HEX #808000RGB 60/100/50оливковый
yellow HEX #FFFF00RGB 60/100/100желтый
olivedrab HEX #6B8E23RGB 80/75/56нежно-оливковый
yellowgreen HEX #9ACD32RGB 80/76/80желто-зеленый
darkolivegreen HEX #556B2FRGB 82/56/42темный оливково-зеленый
greenyellow HEX #ADFF2FRGB 84/82/100зелено-желтый
lawngreen HEX #7CFC00RGB 90/100/99зеленой лужайки
chartreuse HEX #7FFF00RGB 90/100/100шартрез (бледно-зеленый)
honeydew HEX #F0FFF0RGB 120/6/100медовой росы
darkseagreen HEX #8FBC8FRGB 120/24/74темный морской волны
lightgreen HEX #90EE90RGB 120/39/93светло-зеленый
palegreen HEX #98FB98RGB 120/39/98бледно-зеленый
forestgreen HEX #228B22RGB 120/76/55лесной зелени
limegreen HEX #32CD32RGB 120/76/80зеленого лайма
darkgreen HEX #006400RGB 120/100/39темно-зеленый
green HEX #008000RGB 120/100/50зеленый
lime HEX #00FF00RGB 120/100/100лайма
seagreen HEX #2E8B57RGB 146/67/55морской волны
mediumseagreen HEX #3CB371RGB 147/66/70умеренный морской волны
mintcream HEX #F5FFFARGB 150/4/100мятного крема
springgreen HEX #00FF7FRGB 150/100/100весенней зелени
mediumspringgreen HEX #00FA9ARGB 157/100/98умеренный весенней зелени
mediumaquamarine HEX #66CDAARGB 160/50/80умеренный аквамариновый
aquamarine HEX #7FFFD4RGB 160/50/100аквамариновый (зеленовато-голубой)
turquoise HEX #40E0D0RGB 174/71/88бирюзовый
lightseagreen HEX #20B2AARGB 177/82/70светлый морской волны
mediumturquoise HEX #48D1CCRGB 178/66/82умеренный бирюзовый
azure HEX #F0FFFFRGB 180/6/100лазурный
paleturquoise HEX #AFEEEERGB 180/26/93бледно-бирюзовый
darkslategray HEX #2F4F4FRGB 180/41/31темный аспидно-серый (темно-синевато-серый)
teal HEX #008080RGB 180/100/50чирок
darkcyan HEX #008B8BRGB 180/100/55темно-циановый
aqua HEX #00FFFFRGB 180/100/100морской волны
cyan HEX #00FFFFRGB 180/100/100циановый
lightcyan HEX #E0FFFFRGB 180/121/100светло-циановый
darkturquoise HEX #00CED1RGB 181/100/82темно-бирюзовый
cadetblue HEX #5F9EA0RGB 182/41/63 
powderblue HEX #B0E0E6RGB 187/23/90голубой пороши
lightblue HEX #ADD8E6RGB 195/25/90светло-голубой
deepskyblue HEX #00BFFFRGB 195/100/100насыщенный небесно-голубой
skyblue HEX #87CEEBRGB 197/43/92небесно-голубой
lightskyblue HEX #87CEFARGB 203/46/98светлый небесно-голубой
steelblue HEX #4682B4RGB 207/61/71голубовато-стальной
aliceblue HEX #F0F8FFRGB 208/6/100 
slategray HEX #708090RGB 210/22/56аспидно-серый
lightslategray HEX #778899RGB 210/22/60светлый аспидно-серый
dodgerblue HEX #1E90FFRGB 210/88/100 
lightsteelblue HEX #B0C4DERGB 214/21/87светлый голубовато-стальной
cornflowerblue HEX #6495EDRGB 219/58/93васильковый
royalblue HEX #4169E0RGB 225/71/88королевский голубой
ghostwhite HEX #F8F8FFRGB 240/3/100призрачно-белый
lavender HEX #E6E6FARGB 240/8/98лавандовый (бледно-лиловый)
midnightblue HEX #191970RGB 240/78/44синей полночи
navy HEX #000080RGB 240/100/50флотский
darkblue HEX #00008BRGB 240/100/55темно-синий
mediumblue HEX #0000CDRGB 240/100/80умеренный голубой (синий)
blue HEX #0000FFRGB 240/100/100голубой (синий)
darkslateblue HEX #483D8BRGB 248/56/55темный аспидно-синий
slateblue HEX #6A5ACDRGB 248/56/80аспидно-синий
mediumslateblue HEX #7B68EERGB 249/56/93умеренный аспидно-синий
mediumpurple HEX #9370DBRGB 260/49/86умеренный пурпурный
blueviolet HEX #8A2BE2RGB 271/81/89сине-фиолетовый
indigo HEX #4B0082RGB 275/100/51индиго
darkorchid HEX #9932CCRGB 280/75/80темно-лиловый
darkviolet HEX #9400D3RGB 282/100/83темно-фиолетовый
mediumorchid HEX #BA55D3RGB 288/60/83умеренный лиловый
thistle HEX #D8BFD8RGB 300/12/85чертополоха
plum HEX #DDA0DDRGB 300/28/87сливовый (темно-фиолетовый с оттенками бордового)
violet HEX #EE82EERGB 300/45/93темно-лиловый, фиолетовый
purple HEX #800080RGB 300/100/50пурпурный
darkmagenta HEX #8B008BRGB 300/100/55темный фуксин
fuchsia HEX #FF00FFRGB 300/100/100фуксии
orchid HEX #DA70D6RGB 302/49/85лиловый
mediumvioletred HEX #C71585RGB 322/89/78умеренный лилово-красный
deeppink HEX #FF1493RGB 328/92/100насыщенный розовый
hotpink HEX #FF69B4RGB 330/59/100яркий розовый
lavenderblush HEX #FFF0F5RGB 340/6/100лавандового румянца
palevioletred HEX #DB7093RGB 340/49/86бледный лилово-красный
crimson HEX #DC143CRGB 348/91/86малиновый, темно-красный, кармазинный
pink HEX #FFC0CBRGB 350/25/100розовый
lightpink HEX #FFB6C1RGB 351/29/100светло-розовый
     

Основы CSS — Изучение веб-разработки

CSS (Cascading Style Sheets) — это код, который вы используете для стилизации вашей веб-страницы. Основы CSS помогут вам понять, что вам нужно для начала работы. Мы ответим на такие вопросы как: Как сделать мой текст черным или красным? Как сделать так, чтобы контент появлялся в определённом месте на экране? Как украсить мою веб-страницу с помощью фоновых изображений и цветов?

Как и HTML, CSS на самом деле не является языком программирования. Это не язык разметки — это язык таблицы стилей. Это означает, что он позволяет применять стили выборочно к элементам в документах HTML. Например, чтобы выбрать все элементы абзаца на HTML странице и изменить текст внутри них с чёрного на красный, вы должны написать этот CSS:

p {
  color: red;
}

Давайте попробуем: вставьте эти три строки CSS в новый файл в ваш текстовый редактор, а затем сохраните файл как style.css в вашей папке styles.

Но нам всё равно нужно применить CSS к нашему HTML документу. В противном случае, CSS стиль не повлияет на то, как ваш браузер отобразит HTML документ. (Если вы не следили за нашим проектом, то прочитайте раздел Работа с файлами и Основы HTML, чтобы узнать, что вам нужно сделать в первую очередь.)

  1. Откройте ваш файл index.html и вставьте следующую строку куда-нибудь в шапку, между <head> и </head> тегами:
    <link href="styles/style.css" rel="stylesheet" type="text/css">
  2. Сохраните index.html и загрузите его в вашем браузере. Вы должны увидеть что-то вроде этого:

Если текст вашего абзаца теперь красный, примите наши поздравления! Вы написали свой первый успешный CSS!

Анатомия набора правил CSS

Давайте взглянем на вышеупомянутый CSS немного более подробно:

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

Селектор (Selector)
Имя HTML элемента в начале набора правил. Он выбирает элемент(ы) для применения стиля (в данном случае, элементы p ). Для стилизации другого элемента, просто измените селектор.
Объявление (Declaration)
Единственное правило, например color: red; указывает, какие из свойств элемента вы хотите стилизовать.
Свойства (Properties)
Способы, которыми вы можете стилизовать определённый HTML элемент (в данном случае, color является свойством для элементов <p>). В CSS вы выбираете, какие свойства вы хотите затронуть в вашем правиле.
Значение свойства (Property value)
Справа от свойства, после двоеточия, у нас есть значение свойства, которое выбирает одно из множества возможных признаков для данного свойства (существует множество значений color, помимо red).

Обратите внимание на важные части синтаксиса:

  • Каждый набор правил (кроме селектора) должен быть обёрнут в фигурные скобки ({}).
  • В каждом объявлении необходимо использовать двоеточие (:), чтобы отделить свойство от его значений.
  • В каждом наборе правил вы должны использовать точку с запятой (;), чтобы отделить каждое объявление от следующего.

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

p {
  color: red;
  width: 500px;
  border: 1px solid black;
}

Выбор нескольких элементов

Вы также можете выбрать несколько элементов разного типа и применить единый набор правил для всех из них. Добавьте несколько селекторов, разделённых запятыми. Например:

Разные типы селекторов

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

Имя селектора Что выбирает Пример
Селектор элемента (иногда называемый селектором тега или типа) Все HTML элемент(ы) указанного типа. p
Выбирает <p>
ID селектор Элемент на странице с указанным ID на данной HTML. Лучше всего использовать один элемент для каждого ID (и конечно один ID для каждого элемента), даже если вам разрешено использовать один и тот же ID для нескольких элементов. #my-id
Выбирает <p> или <a>
Селектор класса Элемент(ы) на странице с указанным классом (множество экземпляров класса может объявляться на странице). .my-class
Выбирает <p> и <a>
Селектор атрибута Элемент(ы) на странице с указанным атрибутом. img[src]
Выбирает <img src="myimage.png"> но не <img>
Селектор псевдокласса Указанные элемент(ы), но только в случае определённого состояния, например, при наведении курсора. a:hover
Выбирает <a>, но только тогда, когда указатель мыши наведён на ссылку.

Существует ещё много селекторов для изучения, и вы можете найти более подробный список в нашем Руководстве селекторов (en-US).

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

  1. Прежде всего, вернитесь и найдите вывод из Google Fonts, который вы уже где-то сохранили. Добавьте элемент <link> где-нибудь внутри шапки вашего index.html (снова, в любом месте между тегами <head> и </head>). Это будет выглядеть примерно так:
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    Этот код связывает вашу страницу с таблицой стилями, которая загружает семейство шрифтов Open Sans вместе с вашей страницей и позволяет вам применять их к вашим HTML элементам используя свою собственную таблицу стилей.
  2. Затем, удалите существующее правило в вашем style.css файле. Это был хороший тест, но красный текст, на самом деле, не очень хорошо выглядит.
  3. Добавьте следующие строки в нужное место, заменив строку placeholder актуальной font-family строкой, которую вы получили из Google Fonts. (font-family просто означает, какой шрифт(ы) вы хотите использовать для вашего текста). Это правило устанавливает глобальный базовый шрифт и размер шрифта для всей страницы (поскольку <html> является родительским элементом для всей страницы, и все элементы внутри него наследуют такой же font-size и font-family):
    html {
      font-size: 10px; 
      font-family: placeholder: здесь должно быть имя шрифта из Google fonts
    }

    Примечание: Все в CSS документе между /* и */ является CSS комментарием, который браузер игнорирует при исполнении кода. Это место, где вы можете написать полезные заметки о том, что вы делаете.

  4. Теперь мы установим размер шрифта для элементов, содержащих текст внутри HTML тела (<h2> (en-US), <li>, и <p>). Мы также отцентрируем текст нашего заголовка и установим некоторую высоту строки и расстояние между буквами в теле документа, чтобы сделать его немного более удобным для чтения:
    h2 {
      font-size: 60px;
      text-align: center;
    }
    
    p, li {
      font-size: 16px;
      line-height: 2;
      letter-spacing: 1px;
    }

Вы можете настроить значения px так, как вам нравится, чтобы ваш дизайн выглядел так, как вы хотите, но, в общем, ваш дизайн должен выглядеть вот так:

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

Не удивительно, макет CSS основан, главным образом, на блочной модели (box model). Каждый из блоков, занимающий пространство на вашей странице имеет такие свойства, как:

  • padding, пространство только вокруг контента (например, вокруг абзаца текста)
  • border, сплошная линия, которая расположена рядом с padding
  • margin, пространство вокруг внешней стороны элемента

В этом разделе мы также используем:

  • width (ширину элемента)
  • background-color, цвет позади контента и padding элементов
  • color, цвет контента элемента (обычно текста)
  • text-shadow: устанавливает тень на тексте внутри элемента
  • display: устанавливает режим отображения элемента (пока что не волнуйтесь об этом)

Итак, давайте начнём и добавим больше CSS на нашей странице! Продолжайте добавлять эти новые правила, расположенные в нижней части страницы, и не бойтесь экспериментировать с изменением значений, чтобы увидеть, как это работает.

Изменение цвета страницы

Разбираемся с телом

body {
  width: 600px;
  margin: 0 auto;
  background-color: #FF9500;
  padding: 0 20px 20px 20px;
  border: 5px solid black;
}

Теперь для <body> элемента. Здесь есть немало деклараций, так что давайте пройдём через них всех по одному:

  • width: 600px; — заставляет тело быть всегда 600 пикселей в ширину.
  • margin: 0 auto; — когда вы устанавливаете два значения для таких свойств как margin или padding, первое значение элемента влияет на верхнюю и нижнюю сторону (делает их 0 в данном случае), и второе значение на левую и правую сторону (здесь, auto является особым значением, которое делит доступное пространство по горизонтали поровну слева и справа). Вы также можете использовать один, три или четыре значения, как описано здесь.
  • background-color: #FF9500; — как и прежде, устанавливает цвет фона элемента. Я использовал красновато-оранжевый для тела, в отличие от темно-синего цвета для <html> элемента, но не стесняйтесь и экспериментируйте.
  • padding: 0 20px 20px 20px; — у нас есть четыре значения, установленные для padding, чтобы сделать немного пространства вокруг нашего контента. В этот раз мы не устанавливаем padding на верхней части тела, но делаем 20 пикселей слева, снизу и справа. Значения устанавливаются сверху, справа, снизу, слева, в таком порядке.
  • border: 5px solid black; — просто устанавливает сплошную чёрную рамку шириной 5 пикселей со всех сторон тела.

Позиционирование и стилизация нашего заголовка главной страницы

h2 {
  margin: 0;
  padding: 20px 0;
  color: #00539F;
  text-shadow: 3px 3px 1px black;
}

Вы, возможно, заметили, что есть ужасный разрыв в верхней части тела. Это происходит, потому что браузеры применяют некоторый стиль по умолчанию для элемента <h2> (en-US) (по сравнению с другими), даже если вы не применяли какой-либо CSS вообще! Это может звучать как плохая идея, но мы хотим, чтобы веб-страница без стилей имела базовую читаемость. Чтобы избавиться от разрыва, мы переопределили стиль по умолчанию, установив margin: 0;.

Затем мы установили заголовку верхний и нижний padding на 20 пикселей, и сделали текст заголовка того же цвета, как и цвет фона html.

Здесь, мы использовали одно довольно интересное свойство — это text-shadow, которое применяет тень к текстовому контенту элемента. Оно имеет следующие четыре значения:

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

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

Центрирование изображения

img {
  display: block;
  margin: 0 auto;
}

В заключение, мы отцентрируем изображение, чтобы оно лучше выглядело. Мы можем использовать margin: 0 auto уловку снова, как мы это делали раньше для body, но мы также должны сделать кое-что ещё. Элемент <body> является блочным, это значит, что он занимает место на странице и может иметь margin и другие значения отступов, применяемых к нему. Изображения, наоборот, являются строчными элементами, то есть они этого не могут. Таким образом, чтобы применить margin к изображению, мы должны дать изображению блочное поведение с помощью display: block;.

Примечание: Приведённые выше инструкции предполагают, что вы используете изображение меньшей ширины, чем заданная для <body> (600 пикселей). Если ваше изображение больше, тогда оно выйдет за границы <body> и займёт пространство страницы. Чтобы исправить это, вы можете 1) уменьши ширину изображения используя графический редактор, или 2) изменить размер изображения используя CSS путём установки свойства width для <img> элемента меньшего значения (например 400 px;).

Примечание: Не стоит беспокоиться, если вы ещё не понимаете display: block; и различия между блочным/строчным. Вы поймёте, когда будете изучать CSS более подробно. Вы можете узнать больше о различных доступных значениях display на нашей странице о свойстве display.

Color Структура (System.Drawing) | Microsoft Docs

В следующем примере кода демонстрируются A R свойства,, G и элемента B Color , а также Implicit элемент.The following code example demonstrates the A, R, G, and B properties of a Color, and the Implicit member.

Этот пример предназначен для использования с Windows Form.This example is designed to be used with a Windows Form. Вставьте код в форму и вызовите ShowPropertiesOfSlateBlue метод из формы Paint метода обработки событий, передав его e как PaintEventArgs .Paste the code into the form and call the ShowPropertiesOfSlateBlue method from the form’s Paint event-handling method, passing e as PaintEventArgs.

Именованные цвета представлены с помощью свойств Color структуры.Named colors are represented by using the properties of the Color structure. Дополнительные сведения об этих цветах см. в разделе цвета по имени.For more information about these colors, see Colors by Name.

Цвет каждого пикселя представлен в виде 32-разрядного числа: по 8 бит для альфа-канала, красного, зеленого и синего (ARGB).The color of each pixel is represented as a 32-bit number: 8 bits each for alpha, red, green, and blue (ARGB). Каждый из четырех компонентов — это число от 0 до 255, где 0 означает отсутствие интенсивности и 255, представляющие полную интенсивность.Each of the four components is a number from 0 through 255, with 0 representing no intensity and 255 representing full intensity. Альфа-компонент задает прозрачность цвета: 0 является полностью прозрачным, а 255 — полностью непрозрачным.The alpha component specifies the transparency of the color: 0 is fully transparent, and 255 is fully opaque. Чтобы определить альфа-, красный, зеленый или синий компонент цвета, используйте A R свойство,, G или B соответственно.To determine the alpha, red, green, or blue component of a color, use the A, R, G, or B property, respectively. Пользовательский цвет можно создать с помощью одного из FromArgb методов.You can create a custom color by using one of the FromArgb methods.

Empty

Представляет цвет, являющийся значением null.Represents a color that is null.

A

Получает значение альфа-компонента этой структуры Color.Gets the alpha component value of this Color structure.

AliceBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FFF0F8FF.Gets a system-defined color that has an ARGB value of #FFF0F8FF.

AntiqueWhite

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFAEBD7.Gets a system-defined color that has an ARGB value of #FFFAEBD7.

Aqua

Возвращает определенный системой цвет, имеющий ARGB-значение #FF00FFFF.Gets a system-defined color that has an ARGB value of #FF00FFFF.

Aquamarine

Возвращает определенный системой цвет, имеющий ARGB-значение #FF7FFFD4.Gets a system-defined color that has an ARGB value of #FF7FFFD4.

Azure

Возвращает определенный системой цвет, имеющий ARGB-значение #FFF0FFFF.Gets a system-defined color that has an ARGB value of #FFF0FFFF.

B

Получает значение синего компонента этой структуры Color.Gets the blue component value of this Color structure.

Beige

Возвращает определенный системой цвет, имеющий ARGB-значение #FFF5F5DC.Gets a system-defined color that has an ARGB value of #FFF5F5DC.

Bisque

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFE4C4.Gets a system-defined color that has an ARGB value of #FFFFE4C4.

Black

Возвращает определенный системой цвет, имеющий ARGB-значение #FF000000.Gets a system-defined color that has an ARGB value of #FF000000.

BlanchedAlmond

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFEBCD.Gets a system-defined color that has an ARGB value of #FFFFEBCD.

Blue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF0000FF.Gets a system-defined color that has an ARGB value of #FF0000FF.

BlueViolet

Возвращает определенный системой цвет, имеющий ARGB-значение #FF8A2BE2.Gets a system-defined color that has an ARGB value of #FF8A2BE2.

Brown

Возвращает определенный системой цвет, имеющий ARGB-значение #FFA52A2A.Gets a system-defined color that has an ARGB value of #FFA52A2A.

BurlyWood

Возвращает определенный системой цвет, имеющий ARGB-значение #FFDEB887.Gets a system-defined color that has an ARGB value of #FFDEB887.

CadetBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF5F9EA0.Gets a system-defined color that has an ARGB value of #FF5F9EA0.

Chartreuse

Возвращает определенный системой цвет, имеющий ARGB-значение #FF7FFF00.Gets a system-defined color that has an ARGB value of #FF7FFF00.

Chocolate

Возвращает определенный системой цвет, имеющий ARGB-значение #FFD2691E.Gets a system-defined color that has an ARGB value of #FFD2691E.

Coral

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFF7F50.Gets a system-defined color that has an ARGB value of #FFFF7F50.

CornflowerBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF6495ED.Gets a system-defined color that has an ARGB value of #FF6495ED.

Cornsilk

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFF8DC.Gets a system-defined color that has an ARGB value of #FFFFF8DC.

Crimson

Возвращает определенный системой цвет, имеющий ARGB-значение #FFDC143C.Gets a system-defined color that has an ARGB value of #FFDC143C.

Cyan

Возвращает определенный системой цвет, имеющий ARGB-значение #FF00FFFF.Gets a system-defined color that has an ARGB value of #FF00FFFF.

DarkBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF00008B.Gets a system-defined color that has an ARGB value of #FF00008B.

DarkCyan

Возвращает определенный системой цвет, имеющий ARGB-значение #FF008B8B.Gets a system-defined color that has an ARGB value of #FF008B8B.

DarkGoldenrod

Возвращает определенный системой цвет, имеющий ARGB-значение #FFB8860B.Gets a system-defined color that has an ARGB value of #FFB8860B.

DarkGray

Возвращает определенный системой цвет, имеющий ARGB-значение #FFA9A9A9.Gets a system-defined color that has an ARGB value of #FFA9A9A9.

DarkGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF006400.Gets a system-defined color that has an ARGB value of #FF006400.

DarkKhaki

Возвращает определенный системой цвет, имеющий ARGB-значение #FFBDB76B.Gets a system-defined color that has an ARGB value of #FFBDB76B.

DarkMagenta

Возвращает определенный системой цвет, имеющий ARGB-значение #FF8B008B.Gets a system-defined color that has an ARGB value of #FF8B008B.

DarkOliveGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF556B2F.Gets a system-defined color that has an ARGB value of #FF556B2F.

DarkOrange

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFF8C00.Gets a system-defined color that has an ARGB value of #FFFF8C00.

DarkOrchid

Возвращает определенный системой цвет, имеющий ARGB-значение #FF9932CC.Gets a system-defined color that has an ARGB value of #FF9932CC.

DarkRed

Возвращает определенный системой цвет, имеющий ARGB-значение #FF8B0000.Gets a system-defined color that has an ARGB value of #FF8B0000.

DarkSalmon

Возвращает определенный системой цвет, имеющий ARGB-значение #FFE9967A.Gets a system-defined color that has an ARGB value of #FFE9967A.

DarkSeaGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF8FBC8B.Gets a system-defined color that has an ARGB value of #FF8FBC8B.

DarkSlateBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF483D8B.Gets a system-defined color that has an ARGB value of #FF483D8B.

DarkSlateGray

Возвращает определенный системой цвет, имеющий ARGB-значение #FF2F4F4F.Gets a system-defined color that has an ARGB value of #FF2F4F4F.

DarkTurquoise

Возвращает определенный системой цвет, имеющий ARGB-значение #FF00CED1.Gets a system-defined color that has an ARGB value of #FF00CED1.

DarkViolet

Возвращает определенный системой цвет, имеющий ARGB-значение #FF9400D3.Gets a system-defined color that has an ARGB value of #FF9400D3.

DeepPink

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFF1493.Gets a system-defined color that has an ARGB value of #FFFF1493.

DeepSkyBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF00BFFF.Gets a system-defined color that has an ARGB value of #FF00BFFF.

DimGray

Возвращает определенный системой цвет, имеющий ARGB-значение #FF696969.Gets a system-defined color that has an ARGB value of #FF696969.

DodgerBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF1E90FF.Gets a system-defined color that has an ARGB value of #FF1E90FF.

Firebrick

Возвращает определенный системой цвет, имеющий ARGB-значение #FFB22222.Gets a system-defined color that has an ARGB value of #FFB22222.

FloralWhite

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFFAF0.Gets a system-defined color that has an ARGB value of #FFFFFAF0.

ForestGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF228B22.Gets a system-defined color that has an ARGB value of #FF228B22.

Fuchsia

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFF00FF.Gets a system-defined color that has an ARGB value of #FFFF00FF.

G

Получает значение зеленого компонента этой структуры Color.Gets the green component value of this Color structure.

Gainsboro

Возвращает определенный системой цвет, имеющий ARGB-значение #FFDCDCDC.Gets a system-defined color that has an ARGB value of #FFDCDCDC.

GhostWhite

Возвращает определенный системой цвет, имеющий ARGB-значение #FFF8F8FF.Gets a system-defined color that has an ARGB value of #FFF8F8FF.

Gold

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFD700.Gets a system-defined color that has an ARGB value of #FFFFD700.

Goldenrod

Возвращает определенный системой цвет, имеющий ARGB-значение #FFDAA520.Gets a system-defined color that has an ARGB value of #FFDAA520.

Gray

Возвращает определенный системой цвет, имеющий ARGB-значение #FF808080.Gets a system-defined color that has an ARGB value of #FF808080.

Green

Возвращает определенный системой цвет, имеющий ARGB-значение #FF008000.Gets a system-defined color that has an ARGB value of #FF008000.

GreenYellow

Возвращает определенный системой цвет, имеющий ARGB-значение #FFADFF2F.Gets a system-defined color that has an ARGB value of #FFADFF2F.

Honeydew

Возвращает определенный системой цвет, имеющий ARGB-значение #FFF0FFF0.Gets a system-defined color that has an ARGB value of #FFF0FFF0.

HotPink

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFF69B4.Gets a system-defined color that has an ARGB value of #FFFF69B4.

IndianRed

Возвращает определенный системой цвет, имеющий ARGB-значение #FFCD5C5C.Gets a system-defined color that has an ARGB value of #FFCD5C5C.

Indigo

Возвращает определенный системой цвет, имеющий ARGB-значение #FF4B0082.Gets a system-defined color that has an ARGB value of #FF4B0082.

IsEmpty

Определяет, является ли эта структура Color неинициализированной.Specifies whether this Color structure is uninitialized.

IsKnownColor

Возвращает значение, показывающее, является ли структура Color предопределенным цветом.Gets a value indicating whether this Color structure is a predefined color. Предварительно определенные цвета, представленные элементами перечисления KnownColor.Predefined colors are represented by the elements of the KnownColor enumeration.

IsNamedColor

Получает значение, указывающее, является ли структура Color именованным цветом или элементом перечисления KnownColor.Gets a value indicating whether this Color structure is a named color or a member of the KnownColor enumeration.

IsSystemColor

Возвращает значение, показывающее, является ли структура Color системным цветом.Gets a value indicating whether this Color structure is a system color. Системным является цвет, который используется в элементе отображения Windows.A system color is a color that is used in a Windows display element. Системные цвета, представленные элементами перечисления KnownColor.System colors are represented by elements of the KnownColor enumeration.

Ivory

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFFFF0.Gets a system-defined color that has an ARGB value of #FFFFFFF0.

Khaki

Возвращает определенный системой цвет, имеющий ARGB-значение #FFF0E68C.Gets a system-defined color that has an ARGB value of #FFF0E68C.

Lavender

Возвращает определенный системой цвет, имеющий ARGB-значение #FFE6E6FA.Gets a system-defined color that has an ARGB value of #FFE6E6FA.

LavenderBlush

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFF0F5.Gets a system-defined color that has an ARGB value of #FFFFF0F5.

LawnGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF7CFC00.Gets a system-defined color that has an ARGB value of #FF7CFC00.

LemonChiffon

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFFACD.Gets a system-defined color that has an ARGB value of #FFFFFACD.

LightBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FFADD8E6.Gets a system-defined color that has an ARGB value of #FFADD8E6.

LightCoral

Возвращает определенный системой цвет, имеющий ARGB-значение #FFF08080.Gets a system-defined color that has an ARGB value of #FFF08080.

LightCyan

Возвращает определенный системой цвет, имеющий ARGB-значение #FFE0FFFF.Gets a system-defined color that has an ARGB value of #FFE0FFFF.

LightGoldenrodYellow

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFAFAD2.Gets a system-defined color that has an ARGB value of #FFFAFAD2.

LightGray

Возвращает определенный системой цвет, имеющий ARGB-значение #FFD3D3D3.Gets a system-defined color that has an ARGB value of #FFD3D3D3.

LightGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF90EE90.Gets a system-defined color that has an ARGB value of #FF90EE90.

LightPink

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFB6C1.Gets a system-defined color that has an ARGB value of #FFFFB6C1.

LightSalmon

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFA07A.Gets a system-defined color that has an ARGB value of #FFFFA07A.

LightSeaGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF20B2AA.Gets a system-defined color that has an ARGB value of #FF20B2AA.

LightSkyBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF87CEFA.Gets a system-defined color that has an ARGB value of #FF87CEFA.

LightSlateGray

Возвращает определенный системой цвет, имеющий ARGB-значение #FF778899.Gets a system-defined color that has an ARGB value of #FF778899.

LightSteelBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FFB0C4DE.Gets a system-defined color that has an ARGB value of #FFB0C4DE.

LightYellow

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFFFE0.Gets a system-defined color that has an ARGB value of #FFFFFFE0.

Lime

Возвращает определенный системой цвет, имеющий ARGB-значение #FF00FF00.Gets a system-defined color that has an ARGB value of #FF00FF00.

LimeGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF32CD32.Gets a system-defined color that has an ARGB value of #FF32CD32.

Linen

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFAF0E6.Gets a system-defined color that has an ARGB value of #FFFAF0E6.

Magenta

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFF00FF.Gets a system-defined color that has an ARGB value of #FFFF00FF.

Maroon

Возвращает определенный системой цвет, имеющий ARGB-значение #FF800000.Gets a system-defined color that has an ARGB value of #FF800000.

MediumAquamarine

Возвращает определенный системой цвет, имеющий ARGB-значение #FF66CDAA.Gets a system-defined color that has an ARGB value of #FF66CDAA.

MediumBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF0000CD.Gets a system-defined color that has an ARGB value of #FF0000CD.

MediumOrchid

Возвращает определенный системой цвет, имеющий ARGB-значение #FFBA55D3.Gets a system-defined color that has an ARGB value of #FFBA55D3.

MediumPurple

Возвращает определенный системой цвет, имеющий ARGB-значение #FF9370DB.Gets a system-defined color that has an ARGB value of #FF9370DB.

MediumSeaGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF3CB371.Gets a system-defined color that has an ARGB value of #FF3CB371.

MediumSlateBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF7B68EE.Gets a system-defined color that has an ARGB value of #FF7B68EE.

MediumSpringGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF00FA9A.Gets a system-defined color that has an ARGB value of #FF00FA9A.

MediumTurquoise

Возвращает определенный системой цвет, имеющий ARGB-значение #FF48D1CC.Gets a system-defined color that has an ARGB value of #FF48D1CC.

MediumVioletRed

Возвращает определенный системой цвет, имеющий ARGB-значение #FFC71585.Gets a system-defined color that has an ARGB value of #FFC71585.

MidnightBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF191970.Gets a system-defined color that has an ARGB value of #FF191970.

MintCream

Возвращает определенный системой цвет, имеющий ARGB-значение #FFF5FFFA.Gets a system-defined color that has an ARGB value of #FFF5FFFA.

MistyRose

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFE4E1.Gets a system-defined color that has an ARGB value of #FFFFE4E1.

Moccasin

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFE4B5.Gets a system-defined color that has an ARGB value of #FFFFE4B5.

Name

Возвращает имя этого аспекта Color.Gets the name of this Color.

NavajoWhite

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFDEAD.Gets a system-defined color that has an ARGB value of #FFFFDEAD.

Navy

Возвращает определенный системой цвет, имеющий ARGB-значение #FF000080.Gets a system-defined color that has an ARGB value of #FF000080.

OldLace

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFDF5E6.Gets a system-defined color that has an ARGB value of #FFFDF5E6.

Olive

Возвращает определенный системой цвет, имеющий ARGB-значение #FF808000.Gets a system-defined color that has an ARGB value of #FF808000.

OliveDrab

Возвращает определенный системой цвет, имеющий ARGB-значение #FF6B8E23.Gets a system-defined color that has an ARGB value of #FF6B8E23.

Orange

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFA500.Gets a system-defined color that has an ARGB value of #FFFFA500.

OrangeRed

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFF4500.Gets a system-defined color that has an ARGB value of #FFFF4500.

Orchid

Возвращает определенный системой цвет, имеющий ARGB-значение #FFDA70D6.Gets a system-defined color that has an ARGB value of #FFDA70D6.

PaleGoldenrod

Возвращает определенный системой цвет, имеющий ARGB-значение #FFEEE8AA.Gets a system-defined color that has an ARGB value of #FFEEE8AA.

PaleGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF98FB98.Gets a system-defined color that has an ARGB value of #FF98FB98.

PaleTurquoise

Возвращает определенный системой цвет, имеющий ARGB-значение #FFAFEEEE.Gets a system-defined color that has an ARGB value of #FFAFEEEE.

PaleVioletRed

Возвращает определенный системой цвет, имеющий ARGB-значение #FFDB7093.Gets a system-defined color that has an ARGB value of #FFDB7093.

PapayaWhip

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFEFD5.Gets a system-defined color that has an ARGB value of #FFFFEFD5.

PeachPuff

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFDAB9.Gets a system-defined color that has an ARGB value of #FFFFDAB9.

Peru

Возвращает определенный системой цвет, имеющий ARGB-значение #FFCD853F.Gets a system-defined color that has an ARGB value of #FFCD853F.

Pink

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFC0CB.Gets a system-defined color that has an ARGB value of #FFFFC0CB.

Plum

Возвращает определенный системой цвет, имеющий ARGB-значение #FFDDA0DD.Gets a system-defined color that has an ARGB value of #FFDDA0DD.

PowderBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FFB0E0E6.Gets a system-defined color that has an ARGB value of #FFB0E0E6.

Purple

Возвращает определенный системой цвет, имеющий ARGB-значение #FF800080.Gets a system-defined color that has an ARGB value of #FF800080.

R

Получает значение красного компонента этой структуры Color.Gets the red component value of this Color structure.

Red

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFF0000.Gets a system-defined color that has an ARGB value of #FFFF0000.

RosyBrown

Возвращает определенный системой цвет, имеющий ARGB-значение #FFBC8F8F.Gets a system-defined color that has an ARGB value of #FFBC8F8F.

RoyalBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF4169E1.Gets a system-defined color that has an ARGB value of #FF4169E1.

SaddleBrown

Возвращает определенный системой цвет, имеющий ARGB-значение #FF8B4513.Gets a system-defined color that has an ARGB value of #FF8B4513.

Salmon

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFA8072.Gets a system-defined color that has an ARGB value of #FFFA8072.

SandyBrown

Возвращает определенный системой цвет, имеющий ARGB-значение #FFF4A460.Gets a system-defined color that has an ARGB value of #FFF4A460.

SeaGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF2E8B57.Gets a system-defined color that has an ARGB value of #FF2E8B57.

SeaShell

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFF5EE.Gets a system-defined color that has an ARGB value of #FFFFF5EE.

Sienna

Возвращает определенный системой цвет, имеющий ARGB-значение #FFA0522D.Gets a system-defined color that has an ARGB value of #FFA0522D.

Silver

Возвращает определенный системой цвет, имеющий ARGB-значение #FFC0C0C0.Gets a system-defined color that has an ARGB value of #FFC0C0C0.

SkyBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF87CEEB.Gets a system-defined color that has an ARGB value of #FF87CEEB.

SlateBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF6A5ACD.Gets a system-defined color that has an ARGB value of #FF6A5ACD.

SlateGray

Возвращает определенный системой цвет, имеющий ARGB-значение #FF708090.Gets a system-defined color that has an ARGB value of #FF708090.

Snow

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFFAFA.Gets a system-defined color that has an ARGB value of #FFFFFAFA.

SpringGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF00FF7F.Gets a system-defined color that has an ARGB value of #FF00FF7F.

SteelBlue

Возвращает определенный системой цвет, имеющий ARGB-значение #FF4682B4.Gets a system-defined color that has an ARGB value of #FF4682B4.

Tan

Возвращает определенный системой цвет, имеющий ARGB-значение #FFD2B48C.Gets a system-defined color that has an ARGB value of #FFD2B48C.

Teal

Возвращает определенный системой цвет, имеющий ARGB-значение #FF008080.Gets a system-defined color that has an ARGB value of #FF008080.

Thistle

Возвращает определенный системой цвет, имеющий ARGB-значение #FFD8BFD8.Gets a system-defined color that has an ARGB value of #FFD8BFD8.

Tomato

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFF6347.Gets a system-defined color that has an ARGB value of #FFFF6347.

Transparent

Получает цвет, определенный системой.Gets a system-defined color.

Turquoise

Возвращает определенный системой цвет, имеющий ARGB-значение #FF40E0D0.Gets a system-defined color that has an ARGB value of #FF40E0D0.

Violet

Возвращает определенный системой цвет, имеющий ARGB-значение #FFEE82EE.Gets a system-defined color that has an ARGB value of #FFEE82EE.

Wheat

Возвращает определенный системой цвет, имеющий ARGB-значение #FFF5DEB3.Gets a system-defined color that has an ARGB value of #FFF5DEB3.

White

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFFFFF.Gets a system-defined color that has an ARGB value of #FFFFFFFF.

WhiteSmoke

Возвращает определенный системой цвет, имеющий ARGB-значение #FFF5F5F5.Gets a system-defined color that has an ARGB value of #FFF5F5F5.

Yellow

Возвращает определенный системой цвет, имеющий ARGB-значение #FFFFFF00.Gets a system-defined color that has an ARGB value of #FFFFFF00.

YellowGreen

Возвращает определенный системой цвет, имеющий ARGB-значение #FF9ACD32.Gets a system-defined color that has an ARGB value of #FF9ACD32.

Equals(Color)

Указывает, равен ли текущий объект другому объекту того же типа.Indicates whether the current object is equal to another object of the same type.

Equals(Object)

Проверяет, является ли указанный объект структурой Color, эквивалентной структуре Color.Tests whether the specified object is a Color structure and is equivalent to this Color structure.

FromArgb(Int32)

Создает структуру Color из 32-разрядного значения ARGB.Creates a Color structure from a 32-bit ARGB value.

FromArgb(Int32, Color)

Создает структуру Color из указанной структуры Color, но с новым определенным значением альфа.Creates a Color structure from the specified Color structure, but with the new specified alpha value. Хотя и этот метод позволяет передать 32-разрядное значение для значения альфа, оно ограничено 8 разрядами.Although this method allows a 32-bit value to be passed for the alpha value, the value is limited to 8 bits.

FromArgb(Int32, Int32, Int32)

Создает структуру Color из указанных 8-разрядных значений цветов (красный, зеленый, синий).Creates a Color structure from the specified 8-bit color values (red, green, and blue). Значение альфа неявно определено как 255 (полностью непрозрачно).The alpha value is implicitly 255 (fully opaque). Хотя и этот метод позволяет передать 32-разрядное значение для каждого компонента цвета, значение каждого из них ограничено 8 разрядами.Although this method allows a 32-bit value to be passed for each color component, the value of each component is limited to 8 bits.

FromArgb(Int32, Int32, Int32, Int32)

Создает структуру Color из четырех значений компонентов ARGB (альфа, красный, зеленый и синий).Creates a Color structure from the four ARGB component (alpha, red, green, and blue) values. Хотя и этот метод позволяет передать 32-разрядное значение для каждого компонента, значение каждого из них ограничено 8 разрядами.Although this method allows a 32-bit value to be passed for each component, the value of each component is limited to 8 bits.

FromKnownColor(KnownColor)

Создает структуру Color из указанного, предварительно определенного цвета.Creates a Color structure from the specified predefined color.

FromName(String)

Создает структуру Color из указанного имени предопределенного цвета.Creates a Color structure from the specified name of a predefined color.

GetBrightness()

Возвращает значение освещенности (оттенок-насыщенность-освещенность (HSL)) для данной структуры Color.Gets the hue-saturation-lightness (HSL) lightness value for this Color structure.

GetHashCode()

Возвращает хэш-код для этой структуры Color.Returns a hash code for this Color structure.

GetHue()

Возвращает значение оттенка (оттенок-насыщенность-освещенность (HSL)) в градусах для данной структуры Color.Gets the hue-saturation-lightness (HSL) hue value, in degrees, for this Color structure.

GetSaturation()

Возвращает значение насыщенности (оттенок-насыщенность-освещенность (HSL)) для данной структуры Color.Gets the hue-saturation-lightness (HSL) saturation value for this Color structure.

ToArgb()

Возвращает 32-разрядное значение ARGB этой структуры Color.Gets the 32-bit ARGB value of this Color structure.

ToKnownColor()

Возвращает значение KnownColor этой структуры Color.Gets the KnownColor value of this Color structure.

ToString()

Преобразует структуру Color в удобную для восприятия строку.Converts this Color structure to a human-readable string.

Equality(Color, Color)

Проверяет эквивалентность двух указанных структур Color.Tests whether two specified Color structures are equivalent.

Inequality(Color, Color)

Проверяет различие двух указанных структур Color.Tests whether two specified Color structures are different.

Архивы HTML — ДАЙ СПИСАТЬ

Фронтенд разработка. С чего начать? Каждый начинающий фронтенд разработчик задается только одним вопросом — С чего начать изучение фронтенд разработки. Рассмотрим основные модули, которые нужно необходимо рассмотреть. Итак, приступим   HTML5 HTML- язык гипертекстовой разметки, позволяющий представить абсолютно любую информацию на сайте во всевозможных вариациях как со стороны читабельности и понятности, так и с кучей… Читать далее »

Раздел: Web-программирование Метки: CSS, HTML, SEO

Псевдоэлемент ::selection Очень часто новички задаются вопросом — Как сделать выделенный текст на сайте мышью другого цвета или поменять цвет его фона Для этого был придуман псевдоэлемент ::selection. Напомним что псевдоэлементом называется ключевое «свойство», которое расширяет возможности наших селекторов или позволяет стилизовать как раз выбранную часть текста на сайте. Ограничением данного псевдоэлемента является то, что не… Читать далее »

Раздел: CSS Метки: CSS, HTML

Таблица кодов цветов для сайта Представляем небольшой набор таблицы кодов цветовой палитры цветов для вашего сайта. Некоторые цветовые решения подобраны для использования одного стиля оформления.   Название Отображение R G B HEX HTML Snow Snow 255 250 250 #FFFAFA GhostWhite GhostWhite 248 248 255 #F8F8FF WhiteSmoke WhiteSmoke 245 245 245 #F5F5F5 Gainsboro Gainsboro 220 220… Читать далее »

Раздел: HTML Метки: HTML, таблица цветов

История тега «бегущая строка» <marquee> Бегущая строка на сайте позволяет обратить внимание пользователя на себя, тем самым привлечь к каким то действиям, например покупке или звонку. Данное внимание позволит организовать ПАРНЫЙ тег <marquee> Синтаксис довольно прост

<marquee>Бегущая строка</marquee>

<marquee>Бегущая строка</marquee>

Для того что бы бегущая строка была под ваш дизайн нужно задать дополнительные стили. Например:

<marquee&nbsp;style=»color: #D9470D; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;»>Бегущий текст</marquee>

<marquee&nbsp;style=»color: #D9470D; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;»>Бегущий текст</marquee>

Атрибуты тега <marquee>  Атрибут… Читать далее »

Раздел: HTML Метки: HTML, теги

Теория цвета в цифрах / Хабр

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

Основы

Начнем с простого: рассмотрим обычный hex-код, где каждая из трех пар цифр контролирует один из цветов RGB — красный, зеленый, синий. Числа могут принимать значения цифр от 0 до 9 и букв от A до F.

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

То есть величина чисел в парах означает количество цвета, проще говоря, если все числа максимальные, то в результате будет белый цвет — #FFFFFF, если числа минимальные, нули, то цвета нет, получается черный — #000000. Если изменять каждую пару, то получается: #FF0000 — самый яркий красный, #00FF00 — самый яркий зеленый и #0000FF — самый яркий синий. Соответственно, #00FFFF — самый яркий голубой, #FF00FF — самый яркий пурпурный и #FFFF00 — самый яркий желтый.

Распознавание цвета

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

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

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

Можно также легко менять яркость, оттенок или насыщенность цвета, отредактировав лишь его шестнадцатеричный код. В первом примере ниже одна из пар меняется с шагом в 10%, при этом растет яркость цвета. Во втором примере яркость растет, но насыщенность падает:

Подчеркивание ссылок

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

  • Для темного текста на светлом фоне делаем ссылки ярче.
  • Для яркого текста на темном фоне делаем ссылки темнее.

Чтобы это работало, необходимо использовать тег

span

внутри каждого тега

a

, например:

a { text-decoration:underline;color:#aaaaff; }
a span { text-decoration:none;color:#0000ff; }

Получившиеся ссылки легче читаются, т.к. подчеркивание не смешивается с символами. Однако добавлять span в каждую ссылку не очень рационально. Поэтому можно убрать подчеркивание ссылок, но при этом добавить border-bottom:

a { text-decoration: none; border-bottom: 1px solid #aaaaff; }

Цвета контента

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

h2, p { color: #797979; }

Уменьшение первых цифр в парах hex-кода повысит контрастность текста, а значит читабельность улучшится:

h2 { color: #797979; }
p { color: #393939; }

Редактирование фона

Легко управлять фоном, изменяя hex-код цвета:

  • #404040 — нейтральный
  • #504030 — теплее
  • #304050 — холоднее

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

  • #404040 — нейтральный
  • #594039 — теплее
  • #394059 — холоднее

Подбор и комбинирование цветов

Понимание структуры шестнадцатеричного кода цветов дает дизайнеру возможность точно подбирать комбинации цветов и выбирать цветовые схемы. Самая простая техника — это переставлять одну пару в разные места кода. Еще один способ — удвоение первой цифры в первой паре и разделение на два остальных первых цифр. Также можно комбинировать цвета, взятые из фото. Описанные способы наглядно продемонстрированы на рисунке ниже:

Использованный материал и полезное чтиво

Таблица цветовых кодов

HTML 🎨

HTML цветовых кодов и названий.

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

Красный цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светлый лосось # FFA07A гб (255,160,122)
лосось # FA8072 RGB (250,128,114)
темный лосось # E9967A RGB (233,150,122)
светло-коралловый # F08080 RGB (240,128,128)
индийский красный # CD5C5C RGB (205,92,92)
малиновый # DC143C гб (220,20,60)
огнеупорный кирпич # B22222 RGB (178,34,34)
красный # FF0000 RGB (255,0,0)
темно-красный # 8B0000 RGB (139,0,0)

Оранжевый цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
коралл # FF7F50 RGB (255,127,80)
помидор # FF6347 RGB (255,99,71)
оранжево-красный # FF4500 RGB (255,69,0)
золото # FFD700 RGB (255 215,0)
оранжевый # FFA500 RGB (255,165,0)
темно-оранжевый # FF8C00 RGB (255,140,0)

Желтые тона

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светло-желтый # FFFFE0 RGB (255,255,224)
лимонный шифон #FFFACD гб (255,250,205)
светло-золотисто-желтый # FAFAD2 RGB (250,250,210)
papayawhip # FFEFD5 RGB (255 239 213)
мокасины # FFE4B5 RGB (255 228 181)
персиковый # FFDAB9 RGB (255 218 185)
палево-золотой # EEE8AA RGB (238,232,170)
хаки # F0E68C RGB (240,230,140)
даркхаки # BDB76B RGB (189 183 107)
желтый # FFFF00 RGB (255,255,0)

Зеленые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
зеленый # 7CFC00 RGB (124,252,0)
шартрез # 7FFF00 RGB (127,255,0)
зеленовато-зеленый # 32CD32 RGB (50,205,50)
лайм # 00FF00 rgb (0.255,0)
лесозеленый # 228B22 RGB (34,139,34)
зеленый # 008000 RGB (0,128,0)
темно-зеленый # 006400 гб (0,100,0)
зелено-желтый # ADFF2F RGB (173,255,47)
желто-зеленый # 9ACD32 RGB (154,205,50)
весенне-зеленый # 00FF7F RGB (0,255,127)
средний весенний зеленый # 00FA9A гб (0,250,154)
светло-зеленый # 90EE90 RGB (144 238 144)
палево-зеленый # 98FB98 RGB (152 251 152)
темно-синий # 8FBC8F RGB (143 188 143)
средний, зеленый # 3CB371 RGB (60,179,113)
морской зеленый # 2E8B57 RGB (46,139,87)
оливковое # 808000 RGB (128,128,0)
темно-оливковый, зеленый # 556B2F RGB (85,107,47)
оливедраб # 6B8E23 RGB (107,142,35)

Голубые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светло-голубой # E0FFFF RGB (224,255,255)
голубой # 00FFFF гб (0,255,255)
аква # 00FFFF гб (0,255,255)
аквамарин # 7FFFD4 RGB (127,255,212)
средний аквамарин # 66CDAA RGB (102,205,170)
палитра бирюза #AFEEEE RGB (175 238 238)
бирюза # 40E0D0 RGB (64 224 208)
средняя бирюза # 48D1CC RGB (72 209 204)
темно-бирюзовый # 00CED1 RGB (0,206,209)
светло-зеленый # 20B2AA RGB (32,178,170)
кадетсиний # 5F9EA0 RGB (95,158,160)
темно-синий # 008B8B гб (0,139,139)
бирюзовый # 008080 RGB (0,128,128)

Синие цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
голубой # B0E0E6 RGB (176,224,230)
голубой # ADD8E6 RGB (173 216 230)
светлый голубой # 87CEFA RGB (135 206 250)
голубой # 87CEEB RGB (135,206,235)
темно-синий # 00BFFF гб (0,191,255)
голубой # B0C4DE RGB (176,196,222)
dodgerblue # 1E90FF RGB (30,144,255)
васильковый # 6495ED RGB (100 149 237)
голубой # 4682B4 RGB (70,130,180)
королевский синий # 4169E1 RGB (65,105,225)
синий # 0000FF гб (0,0,255)
средний синий # 0000CD гб (0,0,205)
темно-синий # 00008B гб (0,0,139)
темно-синий # 000080 гб (0,0,128)
полуночно-синий # 1
RGB (25,25,112)
средний голубой # 7B68EE RGB (123 104 238)
грифельно-голубой # 6A5ACD RGB (106,90,205)
темно-синий # 483D8B RGB (72,61,139)

Пурпурный

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
лаванда # E6E6FA RGB (230,230,250)
чертополох # D8BFD8 RGB (216,191,216)
слива # DDA0DD RGB (221 160 221)
фиолетовый # EE82EE RGB (238 130 238)
орхидея # DA70D6 RGB (218,112,214)
фуксия # FF00FF гб (255,0,255)
пурпурный # FF00FF гб (255,0,255)
среднеорхид # BA55D3 RGB (186,85,211)
средне-фиолетовый # 9370DB RGB (147,112,219)
сине-фиолетовый # 8A2BE2 RGB (138,43,226)
темно-фиолетовый # 9400D3 RGB (148,0 211)
даркорхид # 9932CC RGB (153,50,204)
темно-пурпурный # 8B008B RGB (139,0,139)
фиолетовый # 800080 RGB (128,0,128)
индиго # 4B0082 RGB (75,0,130)

Розовые тона

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
розовый # FFC0CB RGB (255,192,203)
светло-розовый # FFB6C1 RGB (255 182 193)
хотпинк # FF69B4 гб (255,105,180)
диппинк # FF1493 RGB (255,20,147)
палево-фиолетовый # DB7093 RGB (219 112 147)
средний фиолетовый # C71585 RGB (199,21,133)

Белый цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
белый #FFFFFF гб (255,255,255)
снег #FFFAFA RGB (255,250,250)
медовая роса # F0FFF0 RGB (240,255,240)
мятный крем # F5FFFA RGB (245,255,250)
лазурный # F0FFFF RGB (240,255,255)
aliceblue # F0F8FF RGB (240 248 255)
белый привидение # F8F8FF RGB (248 248 255)
белый дым # F5F5F5 RGB (245 245 245)
ракушка # FFF5EE RGB (255 245 238)
бежевый # F5F5DC RGB (245 245 220)
старое # FDF5E6 RGB (253 245 230)
цветочный белый # FFFAF0 RGB (255,250,240)
слоновая кость # FFFFF0 гб (255,255,240)
антикв белый # FAEBD7 RGB (250 235 215)
белье # FAF0E6 RGB (250,240,230)
бледно-лиловый # FFF0F5 RGB (255 240 245)
туманная роза # FFE4E1 RGB (255 228 225)

Серые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
Gainsboro #DCDCDC RGB (220,220,220)
светло-серый # D3D3D3 RGB (211 211 211)
серебро # C0C0C0 RGB (192,192,192)
темно-серый # A9A9A9 RGB (169 169 169)
серый # 808080 RGB (128,128,128)
димгрей # 696969 гб (105,105,105)
серый свет # 778899 RGB (119,136,153)
серый # 708090 RGB (112,128,144)
темно-серый # 2F4F4F RGB (47,79,79)
черный # 000000 гб (0,0,0)

Коричневые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
корнсилк # FFF8DC RGB (255 248 220)
бланшированный миндаль #FFEBCD RGB (255 235 205)
бисквит # FFE4C4 RGB (255 228 196)
навайовит #FFDEAD RGB (255 222 173)
пшеница # F5DEB3 RGB (245 222 179)
бурливуд # DEB887 RGB (222 184 135)
загар # D2B48C гб (210,180,140)
розово-коричневый # BC8F8F RGB (188 143 143)
песочно-коричневый # F4A460 гб (244,164,96)
золотарник # DAA520 RGB (218,165,32)
перу # CD853F RGB (205,133,63)
шоколад # D2691E RGB (210,105,30)
седло-коричневый # 8B4513 RGB (139,69,19)
сиена # A0522D RGB (160,82,45)
коричневый # A52A2A RGB (165,42,42)
бордовый # 800000 RGB (128,0,0)


См. Также

Напишите, как улучшить эту страницу

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

названий цветов

Эта страница содержит названия цветов в формате HTML. Это названия цветов, которые можно использовать при кодировании HTML и CSS. Первая таблица содержит 17 названий цветов, признанных спецификацией CSS 2.1. Вторая таблица содержит более обширный список названий цветов. Они известны как названия цветов X11 и стандартизированы SVG 1.0.

Основные названия цветов

HTML изначально распознал 16 названий цветов. Затем CSS включил эти имена и добавил оранжевый, что сделало его 17 именами цветов, указанными в CSS 2.1 спецификация. Названия цветов в следующей таблице являются основными названиями цветов в CSS.

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

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

Следующая таблица содержит названия цветов, которые распознаются большинством, если не всеми, современными браузерами.Большинство из них взяты из списка названий цветов X11, распространяемого с X Window System. Эти названия цветов были стандартизированы SVG 1.0.

CSS теперь включил их как часть своего официального списка именованных цветов (начиная с CSS3).

Название цвета Шестнадцатеричный код
RGB
Десятичный код
RGB
Красные
Индийский красный CD5C5C 205,92,92
Светлый коралловый F08080 240,128,128
Лосось FA8072 250,128,114
Темный лосось E9967A 233,150,122
лосось светлый FFA07A 255,160,122
Малиновый DC143C 220,20,60
Красный FF0000 255,0,0
FireBrick B22222 178,34,34
Темно-красный 8B0000 139,0,0
Розовый
Розовый FFC0CB 255,192,203
Светло-розовый FFB6C1 255 182 193
HotPink FF69B4 255,105,180
Глубокий розовый FF 1493 255,20 147
средний фиолетовый красный C71585 199,21,133
Бледно-фиолетовый красный DB7093 219 112 147
Апельсины
Коралл FF7F50 255,127,80
Помидор FF6347 255,99,71
Оранжевый Красный FF4500 255,69,0
Темно-оранжевый FF8C00 255,140,0
Оранжевый FFA500 255,165,0
желтый
Золото FFD700 255 215,0
Желтый FFFF00 255,255,0
Светло-желтый FFFFE0 255 255 224
Лимонный шифон FFFACD 255,250,205
Светлый Голденрод Желтый FAFAD2 250,250,210
Папайя кнут FFEFD5 255 239 213
Мокасины FFE4B5 255 228 181
Персик Пух FFDAB9 255 218 185
Пэйл Голденрод EEE8AA 238 232 170
хаки F0E68C 240,230,140
Темный хаки BDB76B 189 183 107
фиолетовый
Лаванда E6E6FA 230,230,250
Чертополох D8BFD8 216,191 216
Слива DDA0DD 221 160 221
фиолетовый EE82EE 238 130 238
Орхидея DA70D6 218 112 214
фуксия FF00FF 255,0,255
пурпурный FF00FF 255,0,255
Средняя Орхидея BA55D3 186,85,211
средний фиолетовый 9370DB 147,112,219
Синий Фиолетовый 8A2BE2 138,43,226
Темно-фиолетовый 9400D3 148,0 211
Темная орхидея 9932CC 153,50,204
Темно-пурпурный 8B008B 139,0,139
Фиолетовый 800080 128,0,128
Ребекка фиолетовый 663399 102,51,153
Индиго 4B0082 75,0,130
средний пластинчатый синий 7B68EE 123 104 238
Сланцевый синий 6A5ACD 106,90,205
Темно-синий 483D8B 72,61,139
Зеленый Темно-зеленый Светло-синий
Название цвета Шестнадцатеричный код
RGB
Десятичный код
RGB
Зелень
зеленый желтый ADFF2F 173,255,47
Шартрез 7FFF00 127,255,0
Зеленый газон 7CFC00 124,252,0
лайм 00FF00 0,255,0
салатовый 32CD32 50,205,50
Бледно-зеленый 98FB98 152 251 152
Светло-зеленый 90EE90 144 238 144
средний весенний зеленый 00FA9A 0,250,154
Spring Зеленый 00FF7F 0,255,127
средний SeaGreen 3CB371 60 179 113
SeaGreen 2E8B57 46,139,87
Лес зеленый 228B22 34,139,34
Зеленый 008000 0,128,0
темно-зеленый 006400 0,100,0
желто-зеленый 9ACD32 154 205,50
OliveDrab 6B8E23 107,142,35
оливковое 808000 128,128,0
DarkOliveGreen 556B2F 85,107,47
средний аквамарин 66CDAA 102,205,170
DarkSeaGreen 8FBC8F 143 188 143
Светлое Морезеленое 20B2AA 32 178 170
Темный Циан 008B8B 0,139,139
бирюзовый 008080 0,128,128
синий / голубой
Аква 00FFFF 0,255,255
Голубой 00FFFF 0,255,255
LightCyan E0FFFF 224,255,255
Бледно-бирюзовый AFEEEE 175 238 238
Аквамарин 7FFFD4 127,255,212
бирюзовый 40E0D0 64 224 208
средний бирюзовый 48D1CC 72,209,204
Темно-бирюзовый 00CED1 0,206,209
CadetBlue 5F9EA0 95,158,160
SteelBlue 4682B4 70,130,180
LightSteelBlue B0C4DE 176,196,222
Голубой порошок B0E0E6 176,224,230
Голубой ДОБАВИТЬ8E6 173 216 230
SkyBlue 87CEEB 135 206 235
LightSkyBlue 87CEFA 135 206 250
DeepSkyBlue 00BFFF 0,191,255
DodgerBlue 1E90FF 30,144,255
Василек синий 6495ED 100 149 237
RoyalBlue 4169E1 65,105,225
Синий 0000FF 0,0,255
средний синий 0000CD 0,0,205
Темно-синий 00008B 0,0,139
ВМС 000080 0,0,128
MidnightBlue 1
25,25,112
Название цвета Шестнадцатеричный код
RGB
Десятичный код
RGB
Коричневый
Корнсилк FFF8DC 255 248 220
Бланшированный миндаль FFEBCD 255 235 205
Бисквит FFE4C4 255 228 196
Навахо Белый FFDEAD 255 222 173
Пшеница F5DEB3 245 222 179
BurlyWood DEB887 222 184 135
Желто-коричневый D2B48C 210,180,140
RosyBrown BC8F8F 188 143 143
SandyBrown F4A460 244,164,96
Золотарник DAA520 218,165,32
Темный Голденрод B8860B 184,134,11
Перу CD853F 205,133,63
Шоколадный D2691E 210,105,30
Седло Коричневый 8B4513 139,69,19
Сиенна A0522D 160,82,45
Коричневый A52A2A 165,42,42
Бордовый 800000 128,0,0
белые
Белый FFFFFF 255,255,255
Снег FFFAFA 255 250 250
Ханидью F0FFF0 240,255,240
MintCream F5FFFA 245 255 250
Лазурный F0FFFF 240,255,255
AliceBlue F0F8FF 240 248 255
Призрачно-белый F8F8FF 248 248 255
Белый дым F5F5F5 245 245 245
Морская ракушка FFF5EE 255 245 238
бежевый F5F5DC 245 245 220
OldLace FDF5E6 253 245 230
Цветочно-белый FFFAF0 255,250,240
слоновая кость FFFFF0 255,255,240
Белый античный FAEBD7 250 235 215
Белье FAF0E6 250,240,230
Бледно-лиловый FFF0F5 255,240,245
Мисти Роуз FFE4E1 255 228 225
Серый
Гейнсборо DCDCDC 220,220,220
светло-серый D3D3D3 211 211 211
Светло-серый D3D3D3 211 211 211
Серебро C0C0C0 192,192,192
темно-серый A9A9A9 169 169 169
темно-серый A9A9A9 169 169 169
Серый 808080 128,128,128
Серый 808080 128,128,128
DimGray 696969 105,105,105
DimGrey 696969 105,105,105
Светло-серый 778899 119,136,153
Светло-серый 778899 119,136,153
Серый сланец 708090 112,128,144
Серый шифер 708090 112,128,144
Темно-серый 2F4F4F 47,79,79
Темно-серый 2F4F4F 47,79,79
Черный 000000 0,0,0

См. Также палитру цветов и веб-палитру.

Загрузка таблиц цветов по умолчанию

Загрузка таблицы цветов по умолчанию

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

Вы также можете определить пользовательские таблицы цветов с помощью функции COLORTABLE.

Значение индекса

Имя

Образец

0

Ч / Б ЛИНЕЙНЫЙ

1

СИНИЙ / БЕЛЫЙ

2

GRN-RED-BLU-WHT

3

КРАСНАЯ ТЕМПЕРАТУРА

4

СИНИЙ / ЗЕЛЕНЫЙ / КРАСНЫЙ / ЖЕЛТЫЙ

5

СТД ГАММА-II

6

ПРИЗМА

7

КРАСНО-ПУРПУРНЫЙ

8

ЗЕЛЕНЫЙ / БЕЛЫЙ ЛИНЕЙНЫЙ

9

GRN / WHT ЭКСПОНЕНЦИАЛЬНО

10

ЗЕЛЕНО-РОЗОВЫЙ

11

СИНИЙ-КРАСНЫЙ

12

16 УРОВЕНЬ

13

РАДУГА

14

ШАГОВ

15

СТЕРН СПЕЦИАЛЬНЫЙ

16

дымка

17

Синий — Пастель — Красный

18

Пастель

19

Оттенок Сб Легкость 1

20

Оттенок Сб Легкость 2

21

Оттенок Sat Значение 1

22

Оттенок Sat Значение 2

23

Пурпурно-красный + полосы

24

Пляж

25

Стиль Mac

26

Eos A

27

Eos B

28

Хардкэнди

29

Природа

30

Океан

31

Мята перечная

32

Плазма

33

Сине-красный

34

Радуга

35

Голубые волны

36

Вулкан

37

Волны

38

Радуга18

39

Радуга + белый

40

Радуга + черный

Схемы ColorBrewer

41

КБ-Акцент

42

CB-Темный2

43

CB-пара

44

КБ-Пастель1

45

КБ-Пастель2

46

CB-Set1

47

CB-Set2

48

CB-Set3

49

CB-Блюз

50

CB-BuGn

51

CB-BuPu

52

CB-GnBu

53

CB-Greens

54

CB-Серый

55

CB-Апельсины

56

CB-заказ

57

CB-PuBu

58

CB-PuBuGn

59

CB-PuRd

60

CB-фиолетовый

61

CB-RdPu

62

CB-Красные

63

CB-YlGn

64

CB-YlGnBu

65

CB-YlOrBr

66

CB-BrBG

67

CB-PiYG

68

CB-PRGn

69

CB-PuOr

70

CB-RdBu

71

CB-RdGy

72

CB-RdYlBu

73

CB-RdYlGn

74

CB-Spectral

Совет: Если вы используете IDL на дисплее TrueColor, установите DEVICE, DECOMPOSED = 0 перед использованием вашей первой процедуры, связанной с таблицей цветов, в сеансе IDL или программе.

Загрузите таблицу цветов по умолчанию следующим образом:

  • IDL-функции: Для функций, которые включают свойство RGB_TABLE, введите номер индекса. Если вы не определяете цветовую таблицу, эта графика отображается в серой шкале.
  • iImage: в диалоговом окне IDL iImage щелкните Edit Palette на панели Image.
  • Графика объекта: используйте метод LoadCT объекта IDLgrPalette для определения таблицы цветов (подробности см. В IDLgrPalette :: LoadCT).Свяжите объект палитры с другим объектом с помощью свойства Palette (например, см. Свойство PALETTE объекта IDLgrImage).
  • Прямая графика: используйте процедуру LOADCT или другую процедуру, связанную с таблицей цветов, для установки таблицы цветов.

Список связанных подпрограмм см. В разделе «Управление таблицей цветов».

Изменение и преобразование таблиц цветов


IDL содержит две утилиты графического интерфейса пользователя (GUI) для изменения таблицы цветов: XLOADCT и XPALETTE.Подпрограмма MODIFYCT позволяет создавать, изменять и сохранять новую таблицу цветов. См. Примеры в следующих темах:

Эти примеры основаны на цветовой системе RGB по умолчанию (красный, зеленый и синий). IDL также содержит процедуры, которые позволяют использовать другие цветовые системы, включая оттенок, насыщенность и значение (HSV), а также оттенок, яркость и насыщенность (HLS).

Выделение элементов с помощью таблицы цветов


Для проиндексированных изображений можно создать пользовательские таблицы цветов, чтобы выделить определенные функции.Таблицы цветов обычно предназначены для изменения в определенных диапазонах, чтобы показать драматические изменения в изображении. Некоторые таблицы цветов предназначены для выделения функций с резким изменением цвета в соседних диапазонах (например, установка от 0 до 20 на черный и установка от 21 до 40 на белый).

Таблицы цветов связаны с проиндексированными изображениями. Изображения RGB уже содержат собственную цветовую информацию. Чтобы получить таблицу цветов для изображения RGB, преобразуйте ее в индексированное изображение с помощью процедуры COLOR_QUAN.Кроме того, установите для ключевого слова COLOR_QUAN CUBE значение 6, чтобы результирующее индексированное изображение было ярким представлением исходного изображения RGB. См. COLOR_QUAN для получения дополнительной информации.

Следующие темы включают примеры:

  • IDLgrPalette предоставляет пример, который создает, определяет и применяет объект палитры к изображению.
  • Процедура TVLCT создает, определяет и применяет таблицу цветов в отображении Direct Graphics.
  • H_EQ_CT применяет выравнивание гистограммы к таблице цветов, чтобы выявить ранее неразличимые особенности.

HTML | Атрибут bgcolor

Атрибут HTML

bgcolor Атрибут используется для указания цвета фона таблицы .
Синтаксис:

 

Значения атрибутов:

  • color_name: Устанавливает цвет текста с помощью названия цвета. Например «красный» .
  • hex_number: Устанавливает цвет текста с помощью шестнадцатеричного кода цвета.Например, «# 0000ff» .
  • rgb_number: Устанавливает цвет текста с помощью кода RGB. Например: «RGB (0, 153, 0)» .

Примечание: Атрибут

bgcolor не поддерживается HTML 5.
Пример:

html

224223

>

< глава >

< заголовок >

HTML таблица 4 942 942 942 942 942 942 942 942 942 942 942 942 942 942 942 942 942 942 942 942 942 942 >

головка >

< корпус >

<942ee24 for h224Ge //9422 9429 ////9429

< h3 > Атрибут bgcolor таблицы HTML h3 >

< таблица граница = "1"

bgcolor = 4 242> 4 2 зеленый < подпись >

Сведения об авторе

подпись >

< > ИМЯ >

< > ВОЗРАСТ >

4 > ФИЛИАЛ >

tr >

< tr >

< td > BITT 24229 0

942 942 942 9223 < td > 22 td >

< td > CSE td >

03 03 03 >

< tr >

< td > RAM td > 21 td >

< td > ECE td >

tr >

таблица >

2

2

2

2
9

html >

Вывод:


Поддерживаемые браузеры: Браузеры, поддерживаемые HTML
, атрибут bgcolor3, перечислены ниже: HTML
Атрибут bgcolor3

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera

Вниманию читателя! Не прекращайте учиться сейчас.Получите все важные концепции конкурентного программирования с Web Design for Beginners | HTML курс.


цветов в Python с Python

  1. RhinoPython
  2. Питон в носороге

Скотт Дэвидсон (последнее изменение: 5 декабря 2018 г.)

В этом руководстве представлен обзор типа RhinoScriptSyntax Color в Python.

Цвета

Цвета в Rhino представлены в виде одномерных массивов с отсчетом от нуля, содержащих четыре значения. Первые 3 значения - это красный, зеленый и синий каналы. Каждый канал может содержать значение от 0 до 255. Четвертое значение - это альфа-канал. Это контроль прозрачности цвета. 0 полностью прозрачен, а значение по умолчанию 255 полностью непрозрачно.

  цвет содержит [красный, зеленый, синий, альфа]
  

Используйте функцию CreateColor () для создания новой цветовой структуры:

  импортировать rhinoscriptsytnax as rs

цвет1 = RS.CreateColor (128, 128, 128) # Создает средний серый цвет.
  

Функция CreateColor () предполагает, что альфа-значение по умолчанию равно 255.

  импортировать rhinoscriptsyntax как rs

col = rs.CreateColor (43,45,56)

печать столбца [0]
печать столбца [1]
печать столбца [2]
  

В отличие от многих других типов носорогов, цвета неизменны. Это означает, что вы не можете установить один канал отдельно, но всегда должны создавать новый цвет при попытке создать цвет. Установка одного канала не будет работать, например color1 [1] = 56 выдаст ошибку.

Вот таблица часто используемых цветов:

Цвет Красный Зеленый Синий
Черный 0 0 0
Белый 255 255 255
средний серый 128 128 128
Аква 0 128 128
темно-синий 0 0 128
Зеленый 0 255 0
Оранжевый 255 165 0
Желтый 255 255 0

Дополнительные цвета см. В интерактивной таблице цветов RGB.


Урок 5: Цвета

Урок 5: Цвета

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

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

Цвет пера и цвет экрана

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

Команда Пример Что происходит
SETPENCOLOR цвет НАСТРОЙКА ЦВЕТА 2 Устанавливает зеленый цвет, который рисует черепаха.
НАСТРОЙКА ЦВЕТА ЭКРАНА цвет НАСТРОЙКА ЦВЕТА ЭКРАНА 2 Заполняет весь экран зеленым цветом.Все на экране будет стерто. Черепаха не перемещается.

Индекс цвета

Самый простой способ изменить цвет пера черепахи - это задайте SETPENCOLOR число от 0 до 15. Каждое число установит другой цвет ручки черепахи, приведено в таблице ниже. Число называется «цветовой индекс».

Индекс цвета Название цвета [R G B] Цвет
0 черный [0 0 0]
1 синий [0 0 255]
2 зеленый [0 255 0]
3 голубой (голубой) [0 255 255]
4 красный [255 0 0]
5 пурпурный (красновато-фиолетовый) [255 0 255]
6 желтый [255 255 0]
7 белый [255 255 255]
8 коричневый [155 96 59]
9 светло-коричневый [197 136 18]
10 темно-зеленый [100 162 64]
11 темно-синий [120 187 187]
12 загар [255 149 119]
13 слива (пурпурная) [144 113 208]
14 оранжевый [255 163 0]
15 серый [183 183 183]

Активность: На желтом фоне нарисуйте синий квадрат.

 НАСТРОЙКА ЦВЕТА ЭКРАНА 6
SETPENCOLOR 1
ПОВТОР 4 [ВПЕРЕД 100 ВПРАВО 90] 

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

Что произойдет, если вы укажете SETSCREENCOLOR и SETPENCOLOR разными числа вместе? Попробуйте и убедитесь.

Что произойдет, если вы укажете число больше 15?

Как вернуть нормальные цвета (белый экран и черная ручка)?

Красный, зеленый и синий

Что нам делать, если мы хотим использовать цвет, которого нет в таблице цветов? Мы можем указать его, используя компоненты красного, зеленого и синего цветов.Иногда это называют «значением RGB».

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

Вы можете подумать: «Подождите, я думал, что основными цветами были красный, , желтый, и синий». Что ж, отчасти это правда. Это на самом деле «первичный пигмент цвета». Они являются основными цветами при работе с краской.На самом деле, основные цвета пигмента не совсем красный, желтый и синий; они пурпурный (красновато-фиолетовый), желтый и голубой (голубой). Но когда вы имеете дело со светом, основными цветами являются красный, зеленый и синий.

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

Все это очень интересно, но какое отношение это имеет к логотипу? Что ж, логотип позволяет вам указывать цвета в виде красного, зеленого и синего. Используя значения RGB, вы можете выбрать любой из цветов в таблице выше и более 16 миллионов других цветов. Вместо того, чтобы указывать число от 0 до 15, вы указываете тройное число числа, например "SETPENCOLOR [187 187 187]".

Активность:

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

 НАСТРОЙКА ЦВЕТА ЭКРАНА [255 255 0]
SETPENCOLOR [0 0 255]
ПОВТОР 4 [ВПЕРЕД 100 ВПРАВО 90] 

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

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

Примеры программ

 НА ПЛОЩАДЬ
  ПОВТОР 4 [ВПЕРЕД 50 ВПРАВО 90]
КОНЕЦ

УСТАНОВИТЬ: ЯРКОСТЬ
  SETPENCOLOR (СПИСОК
     255; красный
     255 -: ЯРКОСТЬ; зеленый
     : ЯРКОСТЬ; синий
  )
КОНЕЦ

В ПЛОЩАДЬ
  ПОВТОР 64 [
    ПОВТОР УСТАНОВКИ * 4 - 1
    ВПРАВО 360/64
    КВАДРАТ
  ]
КОНЕЦ

ПЛОЩАДЬ
 
 ДЛЯ COLORSTAR
  УСТАНОВИТЬЦВЕТ ЭКРАНА 0
  ПОВТОР 35 [
    SETPENCOLOR INT (ПОВТОР - 1) / 5
    ПЕРВЫЙ ОТЧЕТ * 6
    СПРАВА 144
  ]
КОНЕЦ

COLORSTAR
 
 ДЛЯ COLORBALL
  ПОВТОР 4 [
    НАСТРОЙКА ПОВТОРНОГО ЦВЕТА
    ПОВТОР 120 [ПОВТОРНЫЙ ПОВТОР * 2 ПРАВЫЙ 204]
    ДОМ
    ПРАВО 90 * ПОВТОР
  ]
КОНЕЦ

ЦВЕТНОЙ
 
 К ПРЯМОУГЛУ: ВЫСОТА: ШИРИНА
  ПОВТОР 2 [
    ВПЕРЕД: ВЫСОТА
    ВПРАВО 90
    ВПЕРЕД: ШИРИНА
    ВПРАВО 90
  ]
КОНЕЦ

К ТРЕУГОЛЬНИКУ: ДЛИНА
  ПРАВА 45
  ВПЕРЕД: ДЛИНА * (КВАДРАТ 2) / 2
  ВПРАВО 90
  ВПЕРЕД: ДЛИНА * (КВАДРАТ 2) / 2
  ПРАВА 135
  ВПЕРЕД: ДЛИНА
  ВПРАВО 90
КОНЕЦ

В ДОМ
  ; нарисовать красную крышу
  SETPENCOLOR [255 0 0]
  ВПЕРЕД 100
  ТРЕУГОЛЬНИК 100
  НАЗАД 100

  ; нарисовать темно-зеленую дверь
  НАСТРОЙКА ЦВЕТА [100 162 64]
  ВПРАВО 90
  ВПЕРЕД 60
  СЛЕВА 180
  ПРЯМОУГОЛЬНИК 20 40
  ВПЕРЕД 60
  ВПРАВО 90

  ; нарисовать коричневый дом
  НАСТРОЙКА ЦВЕТА [155 96 59]
  ПРЯМОУГОЛЬНИК 100 100

КОНЕЦ

ДОМ
 

Igor Pro 7 Color Tables

Igor 7 имеет 60 встроенных цветовых таблиц для использования с изображениями в ложных цветах и ​​с следы графа.(У Игоря 6 - 58, у Игоря 5 - 44 таблицы цветов, а у Игоря 4 - только 10.)

Визуальное руководство по таблице цветов

Новые таблицы цветов Игоря 6

Игорь 5-совместимые 256-цветные таблицы

Игорь 5-совместимые таблицы цветов градиента

Игорь 5-совместимые Таблицы цветов специального назначения

Игорь 4-совместимые таблицы цветов

Количество цветов

Количество записей цветов для каждой таблицы цветов различается (Красным цветом показаны 6 цветовых таблиц Игоря):

Название таблицы цветов Цвета Примечания
РадугаЦикл 360 Красный, зеленый, синий изменяются синусоидально, каждые 120 градусов (120 значений) сдвинуты по фазе.Первый и последний цвета идентичны.
Радуга4Циклы 360 4 цикла с четвертью углового разрешения.
СинийЗеленыйОранжевый 300 Трехцветный градиент.
Коричневый фиолетовый 300 Двухцветный градиент.
Холодный теплый 300 Многоцветный градиент температуры.
Мокко 300 Двухцветный градиент.
ФиолетовыйОранжевыйЖелтый 300 Многоцветный градиент температуры.
SeaLandAndFire 256 Таблица топографических цветов. Уровень моря находится на 25%.
ЗеленыйПурпурный16 16 Подобно 14-цветным таблицам цветов движения Национальной службы погоды (базовая скорость или относительные значения шторма), но удобен для людей, страдающих дальтонизмом красно-зеленого цвета.
EOSОранжевыйСиний11 11 Цвета для расходящихся данных (дружественные к красно-зеленым дальтоникам).
EOSSpectral11 11 Изменены спектральные цвета (дружественные к красно-зеленым дальтоникам).
дБZ14 14 Цвета отражательной способности (радара) Национальной метеорологической службы для режима ясного неба (от -28 до +24 дБз) или осадков (от 5 до 70 дБз).
дБZ21 21 год Цвета отражательной способности (радара) Национальной метеорологической службы для комбинированного режима ясного неба и осадков (от -30 до 70 дБз).
Интернет216 216 216 "веб-безопасных" цветов обеспечивают широкий выбор стандартных цветов в единой таблице цветов. Предназначен для раскраски трассировки f (z) с помощью функции ModifyGraph zColor (traceName) = ...
Серый256 256
Радуга256 256
ЖелтыйГорячий256 256
СинийHot256 256
СинийКрасныйЗеленый256 256
Красный, белый, синий, 256 256
ПланетаЗемля356 256
Местность256 256
красный 256 Черный -> красный -> белый.
Зеленый 256 Черный -> зеленый -> белый.
Синий 256 Черный -> синий -> белый.
Голубой 256 Черный -> голубой -> белый.
Пурпурный 256 Черный -> пурпурный -> белый.
Желтый 256 Черный -> желтый -> белый.
Медь 256 Черный -> медный -> белый.
Золото 256 Черный -> золотой -> белый.
Голубой пурпурный 256
КрасныйБелыйЗеленый 256
СинийЧерныйКрасный 256
Гео 256 Популярная географическая таблица цветов с водой и цвета суши, уровень моря составляет около 50%.
Geo32 32 Квантовано для классификации высот. Уровень моря около 50%.
Земля и море 255 Быстрая смена цвета над уровнем моря, что на ровно 50%. Глубины океана серо-голубые.
Земля и море8 8 Квантованный уровень моря составляет около 22%.
Рельеф 255 Более медленное изменение цвета над уровнем моря, что ровно на 50%.Глубины океана черные.
Рельеф19 19 Квантованный уровень моря составляет около 47,5%.
ПастельКарта 301 Ненасыщенные, похожие на радугу цвета, с резкими зеленый-> желтый цвет меняется на уровне моря, что составляет примерно 2/3 (66,67%). Глубины океана блеклый фиолетовый.
ПастельКарта20 20 Квантованный.Уровень моря составляет около 66,67%.
Батиметрия9 9 Цвета для океанских глубин. Уровень моря находится на 100%.
BlackBody 181 Красный -> Желтый -> Синие цвета, которые откалиброван по цветам излучения черного тела (пренебрегая интенсивностью), когда цветовая таблица зазвонила установите от 1000 ºK до 10 000 ºK. Каждый запись в таблице цветов представляет 50 ºK.
Спектр 201 Цвета, похожие на радугу, откалиброванные по видимый спектр при установке диапазона цветовой таблицы от 380 до 780 нм (длина волны).Каждая таблица цветов ввод представляет 2нм. Цвета не совсем переходят в черный цвет на концах таблицы цветов.
СпектрЧерный 476 Цвета, похожие на радугу, откалиброванные по видимый спектр при установке диапазона цветовой таблицы от 355 до 830 нм (длина волны). Каждая таблица цветов ввод представляет 1 нм. Цвета тускнеют до черного в концы цветовой таблицы.
Циклы 201 Десять полутоновых циклов от 0 до 100% до 0%.
Скрипка 254 Некоторые рандомизированные цвета для "возни" с изображение, чтобы обнаружить слабые детали на изображении.
Пастель 256 Ненасыщенная радуга.
Серые 100 Игорь 4-совместимый.
Радуга 100 Игорь 4-совместимый.
Желтый 100 Игорь 4-совместимый.
BlueHot 100 Игорь 4-совместимый.
СинийКрасныйЗеленый 100 Игорь 4-совместимый.
КрасныйБелыйСиний 100 Игорь 4-совместимый.
Планета земля 100 Игорь 4-совместимый.
Местность 100 Игорь 4-совместимый.
Серый16 16 Меньше цветов для разделения изображения на полосы. Игорь 4-совместимый, но не вернулся от Игоря 4 CTabList функция.
Радуга16 16 Игорь 4-совместимый, но Игорь не вернул CTabList 4.

Диапазоны таблицы цветов

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

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

Изменяя «Первый цвет в точке Z =» и «Последний цвет в точке. Z = "значения, вы можете изучить детали в ваших данных.

Например, при использовании таблицы цветов серого вы можете осветлить изображение, назначив Первый цвет (который черный) на число ниже минимального значения изображения. Этот отображает более светлый цвет на минимальное значение изображения.Затемнить максимальные значения изображения, присвойте последний цвет номеру выше максимального значения изображения, отображение более темного цвета до максимального значения изображения.

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

Некоторые таблицы цветов предназначены для специального использования и конкретные числовые диапазоны.

Таблица цветов BlackBody предназначена для отображения цвета нагретого «черного тела» (правда, не яркость этого тела) в диапазоне температур от 1000 до 10000 градусов Кельвин.

Таблица цветов Spectrum предназначена для отображения цвета соответствует длине волны видимого света при измерении в нанометрах в диапазоне от 380 до 780 нм.

Таблица цветов SpectrumBlack делает то же самое, но в диапазоне от 355 до 830 нм.Затухание до черного - это попытаться указать, что человеческий глаз теряет способность воспринимать цвета на концах диапазона.

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

Цветовые таблицы LandAndSea, SeaLandAndFire, Relief и PastelsMap иметь резкий переход цвета, который предназначен для обозначения уровень моря.

Таблицы LandAndSea и Relief имеют этот переход в 50% диапазона.Вы можете присвоить этому переходу значение 0, установив минимальное отрицательное значение максимальное значение:

 ModifyImage imageName, ctab = {- 1000,1000, LandAndSea, 0} // график изображения
ColorScale / C / N = scale0 ctab = {- 1000,1000, LandAndSea, 0} // colorscale 

В таблице PastelsMap этот переход находится на 2/3 диапазон. Вы можете установить для этого перехода значение 0 с помощью установка минимального значения вдвое отрицательного значения максимальное значение:

 ModifyImage imageName, ctab = {- 2000,1000, PastelsMap, 0} // график изображения
ColorScale / C / N = scale0 ctab = {- 2000,1000, PastelsMap, 0} // colorscale 

Этот принцип можно распространить на другие таблицы цветов.

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

Ваш адрес email не будет опубликован.