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

Содержание

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

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

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

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

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

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

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

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

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

HTML цвета

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

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

Конвертер цветов позволяет преобразовать (конвертировать) RGB цвета (аббревиатура английских слов red, green,

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

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

Красные
Имя цветаHEXRGB
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)
Жёлтые
Имя цветаHEXRGB
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)
Оранжевые
Имя цветаHEXRGB
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)
Розовые
Имя цветаHEXRGB
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)
Фиолетовые
Имя цветаHEXRGB
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)
Коричневые
Имя цветаHEXRGB
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)
Синие
Имя цветаHEXRGB
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)
Имя цветаHEXRGB
Зелёные
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)
Белые
Имя цветаHEXRGB
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)
Серые
Имя цветаHEXRGB
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 не будет опубликован. Обязательные поля помечены *