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

Содержание

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

HTML Имя Цвета HEX RGB
Красные тона:
IndianRed #CD5C5C 205, 92, 92
LightCoral #F08080 240, 128, 128
Salmon #FA8072 250, 128, 114
DarkSalmon #E9967A 233, 150, 122
LightSalmon #FFA07A 255, 160, 122
Crimson #DC143C 220, 20, 60
Red #FF0000 255, 0, 0
FireBrick #B22222 178, 34, 34
DarkRed #8B0000 139, 0, 0
Розовые тона:
Pink #FFC0CB 255, 192, 203
LightPink #FFB6C1 255, 182, 193
HotPink #FF69B4 255, 105, 180
DeepPink #FF1493 255, 20, 147
MediumVioletRed #C71585 199, 21, 133
PaleVioletRed #DB7093 219, 112, 147
Оранжевые тона:
LightSalmon #FFA07A 255, 160, 122
Coral #FF7F50 255, 127, 80
Tomato #FF6347 255, 99, 71
OrangeRed #FF4500 255, 69, 0
DarkOrange #FF8C00 255, 140, 0
Orange #FFA500 255, 165, 0
Жёлтые тона:
Gold #FFD700 255, 215, 0
Yellow #FFFF00 255, 255, 0
LightYellow #FFFFE0 255, 255, 224
LemonChiffon #FFFACD 255, 250, 205
LightGoldenrodYellow #FAFAD2 250, 250, 210
PapayaWhip #FFEFD5 255, 239, 213
Moccasin #FFE4B5 255, 228, 181
PeachPuff #FFDAB9 255, 218, 185
PaleGoldenrod #EEE8AA 238, 232, 170
Khaki #F0E68C 240, 230, 140
DarkKhaki #BDB76B 189, 183, 107
Фиолетовые тона:
Lavender #E6E6FA 230, 230, 250
Thistle #D8BFD8 216, 191, 216
Plum #DDA0DD 221, 160, 221
Violet #EE82EE 238, 130, 238
Orchid #DA70D6 218, 112, 214
Fuchsia #FF00FF 255, 0, 255
Magenta #FF00FF 255, 0, 255
MediumOrchid #BA55D3 186, 85, 211
MediumPurple #9370DB 147, 112, 219
BlueViolet #8A2BE2 138, 43, 226
DarkViolet #9400D3 148, 0, 211
DarkOrchid #9932CC 153, 50, 204
DarkMagenta #8B008B 139, 0, 139
Purple #800080 128, 0, 128
Indigo #4B0082 75, 0, 130
SlateBlue #6A5ACD 106, 90, 205
DarkSlateBlue #483D8B 72, 61, 139
Коричневые тона:
Cornsilk #FFF8DC 255, 248, 220
BlanchedAlmond #FFEBCD 255, 235, 205
Bisque #FFE4C4 255, 228, 196
NavajoWhite #FFDEAD 255, 222, 173
Wheat #F5DEB3 245, 222, 179
BurlyWood #DEB887 222, 184, 135
Tan #D2B48C 210, 180, 140
RosyBrown #BC8F8F 188, 143, 143
SandyBrown #F4A460 244, 164, 96
Goldenrod #DAA520 218, 165, 32
DarkGoldenRod #B8860B 184, 134, 11
Peru #CD853F 205, 133, 63
Chocolate #D2691E 210, 105, 30
SaddleBrown #8B4513 139, 69, 19
Sienna #A0522D 160, 82, 45
Brown #A52A2A 165, 42, 42
Maroon #800000 128, 0, 0
Основные цвета:
Black #000000 0, 0, 0
Gray #808080 128, 128, 128
Silver #C0C0C0 192, 192, 192
White #FFFFFF 255, 255, 255
Fuchsia #FF00FF 255, 0, 255
Purple #800080 128, 0, 128
Red #FF0000 255, 0, 0
Maroon #800000 128, 0, 0
Yellow #FFFF00 255, 255, 0
Olive #808000 128, 128, 0
Lime #00FF00 0, 255, 0
Green #008000 0, 128, 0
Aqua #00FFFF 0, 255, 255
Teal #008080 0, 128, 128
Blue #0000FF 0, 0, 255
Navy #000080 0, 0, 128
HTML Имя Цвета HEX RGB
Зелёные тона:
GreenYellow #ADFF2F 173, 255, 47
Chartreuse #7FFF00 127, 255, 0
LawnGreen #7CFC00 124, 252, 0
Lime #00FF00 0, 255, 0
LimeGreen #32CD32 50, 205, 50
PaleGreen #98FB98 152, 251, 152
LightGreen #90EE90 144, 238, 144
MediumSpringGreen #00FA9A 0, 250, 154
SpringGreen #00FF7F 0, 255, 127
MediumSeaGreen #3CB371 60, 179, 113
SeaGreen #2E8B57 46, 139, 87
ForestGreen #228B22 34, 139, 34
Green #008000 0, 128, 0
DarkGreen #006400 0, 100, 0
YellowGreen #9ACD32 154, 205, 50
OliveDrab #6B8E23 107, 142, 35
Olive #808000 128, 128, 0
DarkOliveGreen #556B2F 85, 107, 47
MediumAquamarine #66CDAA 102, 205, 170
DarkSeaGreen #8FBC8F 143, 188, 143
LightSeaGreen #20B2AA 32, 178, 170
DarkCyan #008B8B 0, 139, 139
Teal #008080 0, 128, 128
Синие тона:
Aqua #00FFFF 0, 255, 255
Cyan #00FFFF 0, 255, 255
LightCyan #E0FFFF 224, 255, 255
PaleTurquoise #AFEEEE 175, 238, 238
Aquamarine #7FFFD4 127, 255, 212
Turquoise #40E0D0 64, 224, 208
MediumTurquoise #48D1CC 72, 209, 204
DarkTurquoise #00CED1 0, 206, 209
CadetBlue #5F9EA0 95, 158, 160
SteelBlue #4682B4 70, 130, 180
LightSteelBlue #B0C4DE 176, 196, 222
PowderBlue #B0E0E6 176, 224, 230
LightBlue #ADD8E6 173, 216, 230
SkyBlue #87CEEB 135, 206, 235
LightSkyBlue #87CEFA 135, 206, 250
DeepSkyBlue #00BFFF 0, 191, 255
DodgerBlue #1E90FF 30, 144, 255
CornflowerBlue #6495ED 100, 149, 237
MediumSlateBlue #7B68EE 123, 104, 238
RoyalBlue #4169E1 65, 105, 225
Blue #0000FF 0, 0, 255
MediumBlue #0000CD 0, 0, 205
DarkBlue #00008B 0, 0, 139
Navy #000080 0, 0, 128
MidnightBlue #191970 25, 25, 112
Белые тона:
White #FFFFFF 255, 255, 255
Snow #FFFAFA 255, 250, 250
Honeydew #F0FFF0 240, 255, 240
MintCream #F5FFFA 245, 255, 250
Azure #F0FFFF 240, 255, 255
AliceBlue #F0F8FF 240, 248, 255
GhostWhite #F8F8FF 248, 248, 255
WhiteSmoke #F5F5F5 245, 245, 245
Seashell #FFF5EE 255, 245, 238
Beige #F5F5DC 245, 245, 220
OldLace #FDF5E6 253, 245, 230
FloralWhite #FFFAF0 255, 250, 240
Ivory #FFFFF0 255, 255, 240
AntiqueWhite #FAEBD7 250, 235, 215
Linen #FAF0E6 250, 240, 230
LavenderBlush #FFF0F5 255, 240, 245
MistyRose #FFE4E1 255, 228, 225
Серые тона:
Gainsboro #DCDCDC 220, 220, 220
LightGrey #D3D3D3 211, 211, 211
LightGray #D3D3D3 211, 211, 211
Silver #C0C0C0 192, 192, 192
DarkGray #A9A9A9 169, 169, 169
DarkGrey #A9A9A9 169, 169, 169
Gray #808080 128, 128, 128
Grey #808080 128, 128, 128
DimGray #696969 105, 105, 105
DimGrey #696969 105, 105, 105
LightSlateGray #778899 119, 136, 153
LightSlateGrey #778899 119, 136, 153
SlateGray #708090 112, 128, 144
SlateGrey #708090 112, 128, 144
DarkSlateGray #2F4F4F 47, 79, 79
DarkSlateGrey #2F4F4F 47, 79, 79
Black #000000 0, 0, 0

Синий, красный, зеленый — сочетание


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

Клумба из засухоустойчивых растений:

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

Осенние листья солнечным днем:

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

ВЫБЕРИТЕ СОЧЕТАНИЕ КРАСНОГО С СИНИМ И НАЖМИТЕ:

HTML цвета

Подробную информацию об использовании цветов в HTML и CSS, способах указания цвета с помощью шестнадцатеричных значений, значений цвета RGB, RGBA, HSL, HSLA и с помощью предопределённых цветов, вы сможете найти в следующих статьях учебников:

Конвертер цветов

Конвертер цветов позволяет преобразовать (конвертировать) RGB цвета (аббревиатура английских слов red, green, blueкрасный, зелёный, синий) в шестнадцатеричные (HEX) значения, RGB цвета в формат HSL (от англ. hue, saturation, lightness (intensity) — тон, насыщенность и осветленность) и обратно HEX значения в RGB и HSL цвета.

Предопределенные имена цветов

Красные
Имя цвета HEX RGB
IndianRed #CD5C5C rgb(205, 92, 92)
LightCoral #F08080 rgb(240, 128, 128)
Salmon #FA8072 rgb(250, 128, 114)
DarkSalmon #E9967A rgb(233, 150, 122)
LightSalmon #FFA07A rgb(255, 160, 122)
Crimson #DC143C rgb(220, 20, 60)
Red #FF0000 rgb(255, 0, 0)
FireBrick #B22222 rgb(178, 34, 34)
DarkRed #8B0000 rgb(139, 0, 0)
Жёлтые
Имя цвета HEX RGB
Gold #FFD700 rgb(255, 215, 0)
Yellow #FFFF00 rgb(255, 255, 0)
LightYellow #FFFFE0 rgb(255, 255, 224)
LemonChiffon #FFFACD rgb(255, 250, 205)
LightGoldenrodYellow #FAFAD2 rgb(250, 250, 210)
PapayaWhip #FFEFD5 rgb(255, 239, 213)
Moccasin #FFE4B5 rgb(255, 228, 181)
PeachPuff #FFDAB9 rgb(255, 218, 185)
PaleGoldenrod #EEE8AA rgb(238, 232, 170)
Khaki #F0E68C rgb(240, 230, 140)
DarkKhaki #BDB76B rgb(189, 183, 107)
Оранжевые
Имя цвета HEX RGB
Coral #FF7F50 rgb(255, 127, 80)
Tomato #FF6347 rgb(255, 99, 71)
OrangeRed #FF4500 rgb(255, 69, 0)
DarkOrange #FF8C00 rgb(255, 140, 0)
Orange #FFA500 rgb(255, 165, 0)
Розовые
Имя цвета HEX RGB
Pink #FFC0CB rgb(255, 192, 203)
LightPink #FFB6C1 rgb(255, 182, 193)
HotPink #FF69B4 rgb(255, 105, 180)
DeepPink #FF1493 rgb(255, 20, 147)
MediumVioletRed #C71585 rgb(199, 21, 133)
PaleVioletRed #DB7093 rgb(219, 112, 147)
Фиолетовые
Имя цвета HEX RGB
Lavender #E6E6FA rgb(230, 230, 250)
Thistle #D8BFD8 rgb(216, 191, 216)
Plum #DDA0DD rgb(221, 160, 221)
Violet #EE82EE rgb(238, 130, 238)
Orchid #DA70D6 rgb(218, 112, 214)
Fuchsia(Magenta) #FF00FF rgb(255, 0, 255)
MediumOrchid #BA55D3 rgb(186, 85, 211)
MediumPurple #9370DB rgb(147, 112, 219)
BlueViolet #8A2BE2 rgb(138, 43, 226)
DarkViolet #9400D3 rgb(148, 0, 211)
DarkOrchid #9932CC rgb(153, 50, 204)
DarkMagenta #8B008B rgb(139, 0, 139)
Purple #800080 rgb(128, 0, 128)
Indigo #4B0082 rgb(75, 0, 130)
SlateBlue #6A5ACD rgb(106, 90, 205)
DarkSlateBlue #483D8B rgb(72, 61, 139)
Коричневые
Имя цвета HEX RGB
Cornsilk #FFF8DC rgb(255, 248, 220)
BlanchedAlmond #FFEBCD rgb(255, 235, 205)
Bisque #FFE4C4 rgb(255, 228, 196)
NavajoWhite #FFDEAD rgb(255, 222, 173)
Wheat #F5DEB3 rgb(245, 222, 179)
BurlyWood #DEB887 rgb(222, 184, 135)
Tan #D2B48C rgb(210, 180, 140)
RosyBrown #BC8F8F rgb(188, 143, 143)
SandyBrown #F4A460 rgb(244, 164, 96)
Goldenrod #DAA520 rgb(218, 165, 32)
DarkGoldenrod #B8860B rgb(184, 134, 11)
Peru #CD853F rgb(205, 133, 63)
Chocolate #D2691E rgb(210, 105, 30)
SaddleBrown #8B4513 rgb(139, 69, 19)
Sienna #A0522D rgb(160, 82, 45)
Brown #A52A2A rgb(165, 42, 42)
Maroon #800000 rgb(128, 0, 0)
Синие
Имя цвета HEX RGB
Aqua(Cyan) #00FFFF rgb(0, 255, 255)
LightCyan #E0FFFF rgb(224, 255, 255)
PaleTurquoise #AFEEEE rgb(175, 238, 238)
Aquamarine #7FFFD4 rgb(127, 255, 212)
Turquoise #40E0D0 rgb(64, 224, 208)
MediumTurquoise #48D1CC rgb(72, 209, 204)
DarkTurquoise #00CED1 rgb(0, 206, 209)
CadetBlue #5F9EA0 rgb(95, 158, 160)
SteelBlue #4682B4 rgb(70, 130, 180)
LightSteelBlue #B0C4DE rgb(176, 196, 222)
PowderBlue #B0E0E6 rgb(176, 224, 230)
LightBlue #ADD8E6 rgb(173, 216, 230)
SkyBlue #87CEEB rgb(135, 206, 235)
LightSkyBlue #87CEFA rgb(135, 206, 250)
DeepSkyBlue #00BFFF rgb(0, 191, 255)
DodgerBlue #1E90FF rgb(30, 144, 255)
CornflowerBlue #6495ED rgb(100, 149, 237)
MediumSlateBlue #7B68EE rgb(123, 104, 238)
RoyalBlue #4169E1 rgb(65, 105, 225)
Blue #0000FF rgb(0, 0, 255)
MediumBlue #0000CD rgb(0, 0, 205)
DarkBlue #00008B rgb(0, 0, 139)
Navy #000080 rgb(0, 0, 128)
MidnightBlue #191970 rgb(25, 25, 112)
Имя цвета HEX RGB
Зелёные
GreenYellow #ADFF2F rgb(173, 255, 47)
Chartreuse #7FFF00 rgb(127, 255, 0)
LawnGreen #7CFC00 rgb(124, 252, 0)
Lime #00FF00 rgb(0, 255, 0)
LimeGreen #32CD32 rgb(50, 205, 50)
PaleGreen #98FB98 rgb(152, 251, 152)
LightGreen #90EE90 rgb(144, 238, 144)
MediumSpringGreen #00FA9A rgb(0, 250, 154)
SpringGreen #00FF7F rgb(0, 255, 127)
MediumSeaGreen #3CB371 rgb(60, 179, 113)
SeaGreen #2E8B57 rgb(46, 139, 87)
ForestGreen #228B22 rgb(34, 139, 34)
Green #008000 rgb(0, 128, 0)
DarkGreen #006400 rgb(0, 100, 0)
YellowGreen #9ACD32 rgb(154, 205, 50)
OliveDrab #6B8E23 rgb(107, 142, 35)
Olive #808000 rgb(128, 128, 0)
DarkOliveGreen #556B2F rgb(85, 107, 47)
MediumAquamarine #66CDAA rgb(102, 205, 170)
DarkSeaGreen #8FBC8F rgb(143, 188, 143)
LightSeaGreen #20B2AA rgb(32, 178, 170)
DarkCyan #008B8B rgb(0, 139, 139)
Teal #008080 rgb(0, 128, 128)
Белые
Имя цвета HEX RGB
White #FFFFFF rgb(255, 255, 255)
Snow #FFFAFA rgb(255, 250, 250)
Honeydew #F0FFF0 rgb(240, 255, 240)
MintCream #F5FFFA rgb(245, 255, 250)
Azure #F0FFFF rgb(240, 255, 255)
AliceBlue #F0F8FF rgb(240, 248, 255)
GhostWhite #F8F8FF rgb(248, 248, 255)
WhiteSmoke #F5F5F5 rgb(245, 245, 245)
Seashell #FFF5EE rgb(255, 245, 238)
Beige #F5F5DC rgb(245, 245, 220)
OldLace #FDF5E6 rgb(253, 245, 230)
FloralWhite #FFFAF0 rgb(255, 250, 240)
Ivory #FFFFF0 rgb(255, 255, 240)
AntiqueWhite #FAEBD7 rgb(250, 235, 215)
Linen #FAF0E6 rgb(250, 240, 230)
LavenderBlush #FFF0F5 rgb(255, 240, 245)
MistyRose #FFE4E1 rgb(255, 228, 225)
Серые
Имя цвета HEX RGB
Gainsboro #DCDCDC (220, 220, 220)
LightGray #D3D3D3 rgb(211, 211, 211)
Silver #C0C0C0 rgb(192, 192, 192)
DarkGray #A9A9A9 rgb(169, 169, 169)
Gray #808080 rgb(128, 128, 128)
DimGray #696969 rgb(105, 105, 105)
LightSlateGray #778899 rgb(119, 136, 153)
SlateGray #708090 rgb(112, 128, 144)
DarkSlateGray #2F4F4F rgb(47, 79, 79)
Black #000000 rgb(0, 0, 0)

Теория цвета для начинающих: yatzenko — LiveJournal

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

1. Немного теории, для понимания основ.

Дисперсия света

Исаак Ньютон один из первых кто смог разложить белый солнечный свет на цветовой спектр — позднее это назвали “Дисперсией света”.

Опыт заключался в следующем: он пропускал солнечный свет через призму. В ней луч света расслаивался на цвета и выводился на экран.

Обложка альбома группы Pink Floyd “Dark Side of the Moon», отображающая дисперсию света.

Цвета которые выводились называются спектральными или проще — чистые цвета. Это красный, оранжевый, желтый, зеленый, синий и фиолетовый.

Интересный факт, оказывается, количество цветов в радуге, зависит от страны проживания. Жители Китая считают, что в радуге пять цветов. Для жителей США типичным ответом будет шесть цветов, в то время как жители России насчитывают их семь (+голубой). На самом деле в радуге собран весь спектр, но мы можем увидеть только некоторые из них.

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

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

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

(красный + оранжевый + желтый) + (зеленый + синий + фиолетовый) = белый

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

Два цвета, объединение которых даёт нам белый цвет, называются дополнительными цветами.

Пример: Если мы удалим из спектра один цвет, к примеру красный и с помощью линзы соберем оставшееся цвета: оранжевый + жёлтый + зеленый + синий + фиолетовый, то результатом у нас будет зеленыйцвет. Потому что зеленый является дополнительным цветом по отношению к удалённому нами красному. Почему именно такие соотношения “зеленый — красный” расписано ниже.

Вычитаемые цвета

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

Поглощаемые в физическом эксперименте цвета называются также вычитаемыми.

Параметры цвета
  1. Тон / Hue — это то, что мы имеем в виду, говоря «цвет». Синий, красный, зеленый, оранжевый, фиолетовый и тд.
  2. Насыщенность / Saturation — параметр цвета, характеризующий степень чистоты цветового тона.
  3. Яркость / Brightness обозначает степень отличия цвета от белого или черного.
Что такое RGB, CMYK, HEX и чем они отличаются

RGB (Red, Green, Blue) — аддитивная (сложение) цветовая модель. Основные цвета которой красный, зеленый и синий. Это значит, что при сложении всех цветов у нас получится белый. Такая модель используется во всех электронных устройствах. Записывается в виде: rgb(0,0,0), каждый из цветов может варьироваться от 0 до 255 включительно, где (0,0,0) — черный цвет, (255,255,255) — белый. Дополнительно может добавляться четвертый параметр — аlpha канал, который означает насколько прозрачен цвет. Alpha канал может принимать значения от 0 до 1, к примеру rgba(31,104,2, 0.8).

HEX — это RGB в шестнадцатеричной системе. Выглядит таким образом #102945, первые две цифры отвечают за красный цвет, вторые за зеленый и третьи за синий. Каждый символ может принимать значения: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. Где #000000 — черный цвет, а #ffffff — белый.

CMYK (Cyan, Magenta, Yellow, Key color) — субтрактивная (вычитание) схема формирования цвета. Состоит из голубого, пурпурного, жёлтого и ключевого — черного цвета. Эта модель используется в полиграфии при цветной печати. Бумага, как и все материалы, отражает свет, поэтому считают, какое количество света отразилось от поверхности. Несмотря на то, что чёрный цвет можно получать смешением в равной пропорции пурпурного, голубого и жёлтого красителей, по ряду причин (чистота цвета, переувлажнение бумаги, стоимость и др.) такой подход неудовлетворителен, поэтому используют отдельно черный цвет.

Почему мы видим цвета такими?

Световые волны сами по себе не имеют цвета. Цвет возникает лишь при восприятии этих волн человеческим глазом и мозгом.

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

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

2. Как мы воспринимаем цвета. Психология цвета

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

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

Пользователи не понимают нашего цветокодирования. Желтый значит «веселый» для вас, но для для других это может значить «не здоровый» или «блевотный». Каждый человек воспринимает цвета очень субъективно и зависит это только от его контекста. Он любит одни цвета, и ненавидит другие. И это в значительной степени непредсказуемо. Вы не сможете угадать.

Цвет не является вербальным или рациональным. Он контекстен и эмоционален. Цвет — сильный инструмент, но сам по себе он не имеет смысла.

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

3. Цветовая гармония

Когда люди говорят о цветовой гармонии они полагаются исключительно на субъективные чувства, в то время как понятие цветовой гармонии является объективной закономерностью. Гармония — это равновесие, симметрия сил. Наши глаза требуют и поражают комплиментарные цвета (противоположные, дополнительные) создавая этим равновесие. Нейтральным цветом считается серый, наш глаз не создает с ним ни какого дополнительного цвета.

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

Цветовой круг по Иоханнесу Иттену (1961)

Композиционные схемы

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

4. Цветовой контраст

Существует семь типов цветовых контрастов:

  1. Контраст по тону.
  2. Контраст светлого и тёмного.
  3. Контраст холодных(синий, фиолетовый) и тёплых(оранжевый, красный, желтый) цветов. (Зеленый цвет может относится и к теплым и к холодным цветам, в зависимости от того, какого цвета в нем больше, желтого или синего).
  4. Контраст дополнительных цветов (противоположные в круге Иттена).
  5. Симультанный контраст — это создание иллюзии дополнительного цвета на соседнем оттенке.
  6. Контраст цветового насыщения (один цвет: яркий, а второй блеклый).
  7. Контраст количества цвета по соотношению к другому цвету.

5. Как составить свою палитру цветов

Ниже описан лайфхак по выбору цвета от Лауры Элизабет. Всю статью можно прочитать тут.

Выбор основного цвета

В нашем распоряжении имеется 10 миллионов цветов, но нам необходимо выбрать всего один. Этот цвет будет основным для нашего бренда.

Необходимо обосновывать выбор цвета. Несколько советов, как выбрать основной цвет:

  • Используйте то, что у вас есть. Если у клиента уже есть логотип с установленным цветом, то обычно это и будет начальный цвет.
  • Ликвидируйте цвета ваших конкурентов. Если у одного из ваших сильных конкурентов есть свой фирменный цвет бренда, то не нужно его копировать. Найдите цвета конкурентов, и удалите их из собственных цветовых схем.
  • Подумайте о вашей целевой аудитории. Цвета для сайтов похоронного бюро и детского сада, скорее всего, должны очень отличаться. Подумайте, кто будет использовать сайт, и как вы хотите, чтобы они его воспринимали.
  • Но не становитесь заложником стереотипов. Если вы разрабатываете сайт для молодых девушек, вы не должны использовать розовый. Избегайте клише, чтобы завоевать доверие.
  • Играйте в «слова». Если вы топчитесь на месте, запишите все слова, которые вы связываете с бизнесом клиента. Подбирайте ассоциации, пока не дойдете до самых простых вещей, которые можно ассоциировать с цветом.

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

Далее перейдите на сайт Dribbble или Designspiration и нажмите на “Colors”, перед вами появится палитра цветов.

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

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

Создание палитры

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

  • Основной цвет (его мы уже выбрали)
  • Цветовой акцент (мы вернёмся к этому чуть позже)
  • Белый (нейтральный)
  • Темно-серый (нейтральный)

Светло-серый (нейтральный, необязательно)

Как найти цветовой акцент

Перейдите на сайт Paletton, введите свой цвет в специальное поле (внизу слева). И выберете одну из цветовых схем. Если вам совершенно не нравится, что получается, можете нажать на кнопку “randomize” и выбрать другие похожие оттенки.

Как найти серые оттенки

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

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

  1. Создайте две формы и залейте их #424242 и #fafafa .
  2. Создайте слой-заливку поверх этих двух фигур.
  3. Измените её цвет на основной цвет.
  4. Установите режим смешивания на “Overlay”, а непрозрачность установите в промежутке от 5 до 40% .
  5. Откройте палитру и скопируйте получившиеся значения.

Цветовая схема готова!

Как применять цветовую схему

Для начала создайте дизайн с помощью серых блоков. Только потом начните его разрисовывать.

Основной цвет используется как на больших фигурах, так и на иконках.

Акцент, выгодно выделяется на фоне основного цвета. Он используется в очень малых областях — кнопках и иконках. Чем меньше вы используете этот цвет, тем больше он будет выделяться.

Тёмно серый цвет мы используем для текста, логотипов и очертания значков. (Не забудьте проработать цвета для иконок — это очень влияет на общую картину).

Белый и светло серый цвета используются как фон.

Вывод

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

Оригинал: https://designpub.ru/цвет-для-чайников-обширное-руководство-для-начинающих-3bea0eb5bacb

Подписывайтесь на нас в других социальных сетях:

Yandex.Zen — https://zen.yandex.ru/media/id/5ac098dff031731b9711ba45

Instagram — https://www.instagram.com/dotdesignblog

VK — https://vk.com/dotdesignblog

Twitter — https://twitter.com/dotdesignblog

Facebook — https://www.facebook.com/dotdesignblog

Иоханнес Иттаен. Искусство цвета. 12-тичастный цветовой круг. Конспект главы №6.: vasilisart — LiveJournal

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

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

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

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

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

цветовая система Ньютона — цветовой круг составлен из семи секторов — красный, оранжевый, желтый, зеленый, голубой, синий и фиолетовый.

Причем неспектральный пурпурный цвет формально связывает крайние цвета (красный и фиолетовый), которые в естественном солнечном спектре максимально удалены друг от друга. При этом противолежащие цвета на цветовом круге выбирались таким образом, чтобы они были дополнительными.
Ньютон понял, что можно выбрать три спектральных цвета, смешение которых в разных количествах может дать все или почти все цвета цветового круга. Такой цветовой триадой теперь принято считать — красный, зеленый, синий. Она легла в основу трехканальной системы модели RGB (англ. красный-зеленый-синий) в Web-e применяется именно эта модель описания цветов.

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

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

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

Палитра Эжена Делакруа

Палитра Эжена Делакруа и Жоржа Сёра

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

Свобода, ведущая народ 28 июля 1830

«Смерть Сарданапала»

Скалы возле Дьеппа (Cliffs near Dieppe), 1852-55 акварель (Paris, Musee Marmottan Monet)

Букет цветов

«Резня на Хиосе»

Крутая шпаргалка по сочетанию цветов

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

Схема № 1. Комплиментарное сочетание

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

Схема № 2. Триада — сочетание 3 цветов

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

Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.

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

Цветовая схема, где один цвет — основной, два — дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.

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

Сочетания отдельных цветов

  • Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
  • Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
  • Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
  • Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
  • Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
  • Красный: с желтым, белым, бурым, зеленым, синим и черным.
  • Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
  • Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
  • Малиново-красный: белый, черный, цвет дамасской розы.
  • Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
  • Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
  • Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
  • Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
  • Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
  • Светло-оранжевый: серый, коричневый, оливковый.
  • Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
  • Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
  • Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
  • Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
  • Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
  • Оливковый: апельсиновый, светло-коричневый, коричневый.
  • Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
  • Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
  • Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
  • Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
  • Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
  • Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
  • Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
  • Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
  • Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.

какие цвета получаются при смешивании красок

Каждый человек, который хоть раз держал в руке кисть и краски знает, что из двух-трех цветов можно получить массу оттенков. Правила смешивания и сочетаемости цветов определяет наука колористика. Ее основа – известный многим цветовой круг. Основных цветов в нем только три: красный, синий и желтый. Другие оттенки получаются путем смешивания и называются вторичными.

Какие цвета красок надо смешать, чтобы получить коричневый

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

  • Классика: зеленый + красный в пропорциях 50:50.
  • Основное трио: синий + желтый + красный в одинаковом количестве.
  • Смешивание: синий + оранжевый или серый + оранжевый. Варьировать интенсивность оттенка можно, добавляя меньше или больше серого.
  • Дополнительно: зеленый + фиолетовый + оранжевый. Такой оттенок получается с приятным рыжим или красным отливом. Также можно смешать желтый + фиолетовый – цвет получится с желтоватым оттенком.

Сочетание

Пропорции

Получаемый оттенок

Зеленый + красный

1:1

Коричневый

Синий + оранжевый

Серый + оранжевый

1:1

Рыжевато-коричневый

Желтый + фиолетовый

0,8:1

Желтовато-коричневый

Красный + желтый + синий

2:2:0,5

Красно-коричневый

Светло-коричневый + индиго (черный)

1:1

Шоколадный

Зеленый + фиолетовый + оранжевый

1:0,8:1

Рыже-коричневый

Какие цвета красок надо смешать, чтобы получить фиолетовый

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

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

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

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

Сочетание

Пропорции

Получаемый оттенок

Красный + синий

1:1

Базовый фиолетовый

Базовый фиолетовый + белый

1:1

Сиреневый, лавандовый

Базовый фиолетовый + черный

1:0,5

Темно-фиолетовый

Красный + желтый + синий

1:0,5:1

Пурпурный

Базовый фиолетовый + красный

1:1

Красно-фиолетовый

Какие цвета красок надо смешать, чтобы получить красный

Красный считается базовым цветом и присутствует в любой художественной палитре. Тем не менее, можно получить красный, смешав фиолетовый (маджента) и желтый в пропорции 1:1. Также с желтым можно смешать карминовый оттенок – получится более интенсивный красный. Сделать его светлее можно, добавив больше желтого и наоборот. Оттенки красного можно получить, добавляя в базовый красный оранжевый, розовый, желтый, белый цвет.

Сочетание

Пропорции

Получаемый оттенок

Маджента + желтый

1:1

Базовый красный

Маджента + желтый

2:1

Бордовый

Карминовый + желтый

1:1

Насыщенный красный

Базовый красный + желтый

2:1

Алый

Базовый красный + розовый (белый)

2:1

Розово-красный (насыщенность регулировать вспомогательным цветом)

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

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

Самый легкий способ получить беж – смешать коричневый и белый цвет.

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

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

 

Сочетание

Пропорции

Получаемый оттенок

Коричневый + белый

1:3

Бежевый

Алый + желтый + белый + голубой

1:1:2:0,5

Телесный беж

Золотистая охра + белый

1:2

Слоновая кость

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

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

Сочетание

Пропорции

Получаемый оттенок

Синий + желтый

1:1

Травянистый зеленый

Синий + желтый + белый

1:1:0,5

Светло-зеленый, салатный

Синий + желтый + черный

1:1:0,5

Болотный, темно-зеленый

Желтый + синий + коричневый

1:2:0,5

Серо-зеленый

Какие цвета красок надо смешать, чтобы получить серый

Классический тандем для получения серого цвета – это черный + белый. Чем больше белого – тем светлее получится готовый оттенок.

  • Также можно смешать красный, зеленый и белый. Цвет получится с легким желтым отливом.
  • Серо-голубой оттенок можно создать, миксуя оранжевый с синим и белым.
  • Если же смешать желтый с фиолетовым и белым получится серо-бежевый оттенок.

Сочетание

Пропорции

Получаемый оттенок

Белый + черный

2:1

Светло-серый

Красный + зеленый + белый

1:1:2

Серо-желтый

Оранжевый + синий + белый

1:1:2

Серо-голубой

Желтый + фиолетовый + белый

1:0,5:2

Серо-бежевый

Какие цвета красок надо смешать, чтобы получить черный

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

Сочетание

Пропорции

Получаемый оттенок

Красный + зеленый

1:1

Темно-коричневый, почти черный

Пурпурный + желтый + голубой

1:1:1

Черный

Синий + оранжевый

1,5:1

Ночное небо

Оранжевый + фиолетовый

1:2

Черный

Какие цвета красок надо смешать, чтобы получить синий

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

Сочетание

Пропорции

Получаемый оттенок

Желтый + зеленый

0,5:1

Сине-зеленый

Фиолетовый + голубой

1:1

Синий

Фиолетовый + голубой + белый

1:1:1

Светло-синий

Базовый синий+ черный

3:1

Темно-синий, иссиня-черный, если добавить больше черного

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

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

Сочетание

Пропорции

Получаемый оттенок

Оранжевый + зеленый

1:1

Грязно-желтый

Базовый желтый + зеленый + белый

1:0,5:0,5

Лимонный

Базовый желтый + белый + красный

4:1:1

Солнечный желтый

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

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

  • Алый + белый даст чистый розовый цвет.
  • Кирпично-красный + белый – персиковый розовый.
  • Кровавый-красный + фиолетовый дают оттенок фуксия.
  • Оранжево-розовый можно получить, добавив к алому и белому желтую краску.

Сочетание

Пропорции

Получаемый оттенок

Алый + белый

1:2

Розовый

Кирпично-красный + белый

1:2

Персиковый розовый

Фиолетовый + кроваво-красный

1:1

Фуксия

Алый + белый + желтый

1:2:1

Оранжево-розовый

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

Оранжевый цвет можно получить, смешав красный и желтый.

  • Менее насыщенный оттенок получится, если в желтую краску добавить розовый пигмент.
  • Терракотовый оранжевый – это результат микса базового оранжевого с синим или фиолетовым.
  • Темные оттенки достигаются смешиванием красного, желтого и черного.
  • Если вместо черного добавить коричневый – получится рыжий оранжевый.

Интенсивность тона варьируем, добавляя больше белого или черного цвета.

Сочетание

Пропорции

Получаемый оттенок

Красный + желтый

1:1

Оранжевый

Розовый + желтый

1:1

Светло-оранжевый

Красный + желтый + фиолетовый

1:1:0,5

Терракотовый

Красный + желтый + черный

1:1:0,5

Темно-оранжевый

Красный + желтый + коричневый1

1:1:1

Рыжий

Таблица смешения цветов

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

Цвет

Как получить?

Пропорции

Коричневый

Зеленый + красный

1:1

Фиолетовый

Красный + синий

1:1

Красный

Маджента (фиолетовый) + желтый

1:1

Бежевый

Коричневый + белый

1:3

Зеленый

Синий + желтый

1:1

Серый

Белый + черный

2:1

Черный

Пурпурный + желтый + голубой

1:1:1

Синий

Желтый + зеленый

1:1

Желтый

Зеленый + оранжевый

1:1

Розовый

Алый + белый

1:2

Оранжевый

Красный + желтый

1:1

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

Смотрите также: 

Цветовой код

RGB er Палитра цветов, коды, преобразователи

HTMLCSSJS

  • Редактор
  • Теги
  • Шпаргалка
  • Персонажи
  • Генераторы
  • шаблоны
  • Блог
  • Ссылки
  • Редактор
  • Шпаргалка
  • Генераторы
  • Блог
  • Ссылки
  • Редактор
  • Шпаргалка
  • jQuery
  • Блог
  • Ссылки

HTML CSS JS

  • Градиент
  • Коробка тени
  • Тень текста
  • Цвет
  • Шрифт
  • Стол
  • Колонка
  • Граница
  • Радиус границы
  • Преобразование
  • Фон
Поиск по названию:

Сортировать

  • Absolute Zero
  • Acid Green
  • Aero
  • Aero Blue
  • African Violet
  • Air Force Blue
  • Air Force Blue (USAF)
  • Air Superiority Blue
  • Alabama Crimson
  • Alabama Crimson
  • Alabama Crimson
  • Alabama Crimson
  • Alabama Crimson
  • Ализарин малиновый
  • Оранжевый сплав
  • Миндаль
  • Амарант
  • Амарант Deep Purple
  • Амарант розовый
  • Амарант фиолетовый
  • Амарантовый красный
  • 000300030003 Amazon
  • Янтарный Amethyst
  • Android Green
  • Anti-Flash White
  • Antique Brass
  • Antique Bronze
  • Antique Fuchsia
  • Antique Ruby
  • Antique White
  • Ao (английский)
  • Apple Green
  • Apple Green
  • arine
  • Arctic Lime
  • Army Green
  • Arsenic
  • Artichoke
  • Arylide Yellow
  • Ash Grey
  • Спаржа
  • Atomic Tangerine
  • Auburn
  • Aureolin
  • Auburn
  • Aureolin
  • Azure
  • Azure (Интернет)
  • Azure Mist
  • Azureish White
  • Baby Blue
  • Baby Blue Eyes
  • Baby Pink
  • Baby Powder
  • Baker-Miller Pink
  • Ball Blue
  • Banana
  • Banana
  • Banana
  • Желтый банан
  • Зеленый Бангладеш
  • Розовый Барби
  • Красный сарай
  • Серый линкор

.

Коды синего цвета — синие цвета RGB

Коды синего цвета. HTML RGB синего цвета.

Синий цветовой код RGB

Синий код цвета Hex / RGB = # 0000FF =
0 * 65536 + 0 * 256 + 255 = (0,0,255)

КРАСНЫЙ = 0, ЗЕЛЕНЫЙ = 0, СИНИЙ = 255

Таблица кодов синего цвета

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

Цвет RGB ►


См. Также

.

Десятичные цветовые коды RBGA

Color Spot Tables: tables of color swatches and color codes used in HTML and CSS

Десятичные коды красного, зеленого, синего и непрозрачности цветов

Эта страница демонстрирует десятичное представление цвета
вида rgba (R, G, B, a), где R, G и B — десятичные значения для красного,
зеленого и синего цвета в диапазоне от 0 до 255, а —
непрозрачность цвета (a = 0 = прозрачный; a = 1 = непрозрачный).
С января 2009 года браузеры Mozilla и Google Chrome отображают цвета с помощью этого метода определения.
Например, цвет с десятичными значениями
23 для красного, 67 для зеленого и 88 для синего
и непрозрачность которого равна 0.5 (полупрозрачный)
это rgba (23,67,88,0.5).
Это лишь один из способов определения цвета в атрибутах HTML и в каскадных таблицах стилей; Вы можете использовать краткую справочную таблицу, которая поможет вам выбрать одну из множества доступных цветовых таблиц.

Приведенный ниже список цветов демонстрирует эти коды RBGA.

Название цвета RGB (R, G, B) Образцы RGB (R, G, B, a) Образцы
rgb (R, G, B) a = 1,0 a = 0.9 a = 0,8 a = 0,7 a = 0,6 a = 0,5 a = 0,4 a = 0,3 a = 0,2 a = 0,1 a = 0,0
черный rgb (0,0,0) текст текст текст текст текст текст текст текст текст текст текст текст
темно-синий rgb (0,0,128) текст текст текст текст текст текст текст текст текст текст текст текст
синий rgb (0,0,255) текст текст текст текст текст текст текст текст текст текст текст текст
зеленый rgb (0,128,0) текст текст текст текст текст текст текст текст текст текст текст текст
бирюзовый rgb (0,128,128) текст текст текст текст текст текст текст текст текст текст текст текст
лайм rgb (0,255,0) текст текст текст текст текст текст текст текст текст текст текст текст
aqua rgb (0,255,255) текст текст текст текст текст текст текст текст текст текст текст текст
бордовый rgb (128,0,0) текст текст текст текст текст текст текст текст текст текст текст текст
фиолетовый rgb (128,0,128) текст текст текст текст текст текст текст текст текст текст текст текст
оливковый rgb (128,128,0) текст текст текст текст текст текст текст текст текст текст текст текст
серый rgb (128,128,128) текст текст текст текст текст текст текст текст текст текст текст текст
серебро rgb (192,192,192) текст текст текст текст текст текст текст текст текст текст текст текст
красный rgb (255,0,0) текст текст текст текст текст текст текст текст текст текст текст текст
фуксия rgb (255,0,255) текст текст текст текст текст текст текст текст текст текст текст текст
желтый rgb (255,255,0) текст текст текст текст текст текст текст текст текст текст текст текст
белый rgb (255,255,255) текст текст текст текст текст текст текст текст текст текст текст текст

.

Коды зеленого цвета — зеленый цвет RGB

Hex / RGB зеленый цветовой код.

Зеленый цветовой код RGB

Зеленый шестнадцатеричный код цвета / RGB = # 00FF00 = 0 * 65536 + 255 * 256 + 0 = (0,255,0)

КРАСНЫЙ = 0, ЗЕЛЕНЫЙ = 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 rgb (0,100,0)
зелено-желтый # ADFF2F RGB (173,255,47)
желто-зеленый # 9ACD32 RGB (154,205,50)
весенне-зеленый # 00FF7F RGB (0,255,127)
средний весенний зеленый # 00FA9A RGB (0,250,154)
светло-зеленый # 90EE90 RGB (144 238 144)
палево-зеленый # 98FB98 RGB (152 251 152)
темно-синий # 8FBC8F RGB (143 188 143)
средний, зеленый # 3CB371 RGB (60,179,113)
светло-зеленый # 20B2AA RGB (32,178,170)
морской # 2E8B57 RGB (46,139,87)
оливковый # 808000 RGB (128,128,0)
темно-оливковый # 556B2F RGB (85,107,47)
оливидраб # 6B8E23 RGB (107,142,35)

См. Также

.

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

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