Основные цвета | ||||
#000000 | rgb(0,0,0) | black | чёрный | |
#C0C0C0 | rgb(192,192,192) | silver | серебряный | |
#808080 | rgb(128,128,128) | gray | серый | |
#FFFFFF | rgb(255,255,255) | white | белый | |
#800000 | rgb(128,0,0) | maroon | тёмно-бордовый | |
#FF0000 | rgb(255,0,0) | red | красный | |
#800080 | rgb(128,0,128) | purple | пурпурный | |
#FF00FF | rgb(255,0,255) | fuchsia | фуксия | |
#008000 | rgb(0,128,0) | green | зелёный | |
#00FF00 | rgb(0,255,0) | lime | лаймовый | |
#808000 | rgb(128,128,0) | olive | оливковый (желтовато-зелёный) | |
#FFFF00 | rgb(255,255,0) | yellow | жёлтый | |
#000080 | rgb(0,0,128) | navy | тёмно-синий (морской) | |
#0000FF | rgb(0,0,255) | blue | синий | |
#008080 | rgb(0,128,128) | teal | зеленовато-голубой | |
#00FFFF | rgb(0,255,255) | aqua | цвет морской волны | |
Дополнительные цвета | ||||
#F0F8FF | rgb(240,248,255) | aliceblue | бледно-голубой | |
#FAEBD7 | rgb(250,235,215) | antiquewhite | античный белый | |
#7FFFD4 | rgb(127,255,212) | aquamarine | аквамарин (зеленовато-голубой) | |
#F0FFFF | rgb(240,255,255) | azure | лазурный | |
#F5F5DC | rgb(245,245,220) | beige | бежевый | |
#FFE4C4 | rgb(255,228,196) | bisque | фарфоровый | |
#FFEBCD | rgb(255,235,205) | blanchedalmond | бланшированный миндаль | |
#8A2BE2 | rgb(138,43,226) | blueviolet | голубовато-фиолетовый | |
#A52A2A | rgb(165,42,42) | brown | коричневый | |
#DEB887 | rgb(222,184,135) | burlywood | тяжёлая древесина | |
#5F9EA0 | rgb(95,158,160) | cadetblue | синий курсантский | |
#7FFF00 | rgb(127,255,0) | chartreuse | беледно-зелёный (зеленовато-жёлтый) | |
#D2691E | chocolate | шоколадный | ||
#FF7F50 | rgb(255,127,80) | coral | коралловый | |
#6495ED | rgb(100,149,237) | cornflowerblue | васильковый | |
#FFF8DC | rgb(255,248,220) | cornsilk | кукурузный | |
#DC143C | rgb(220,20,60) | crimson | малиновый (тёмно-красный) | |
#00FFFF | rgb(0,255,255) | cyan | циан (голубой) | |
#00008B | rgb(0,0,139) | darkblue | тёмно-синий | |
#008B8B | rgb(0,139,139) | darkcyan | тёмно-голубой | |
#B8860B | rgb(184,134,11) | darkgoldenrod | тёмно-золотистый | |
#A9A9A9 | rgb(169,169,169) | darkgray | тёмно-серый | |
#006400 | rgb(0,100,0) | darkgreen | тёмно-зелёный | |
#A9A9A9 | rgb(169,169,169) | darkgrey | тёмно-серый | |
#BDB76B | rgb(189,183,107) | darkkhaki | тёмный хаки | |
#8B008B | rgb(139,0,139) | darkmagenta | фиолетовый | |
#556B2F | rgb(85,107,47) | darkolivegreen | тёмно-оливковый | |
#FF8C00 | rgb(255,140,0) | darkorange | тёмно-оранжевый | |
#9932CC | rgb(153,50,204) | darkorchid | тёмная орхидея | |
#8B0000 | rgb(139,0,0) | darkred | тёмно-красный | |
#E9967A | rgb(233,150,122) | darksalmon | тёмно-лососевый | |
#8FBC8F | rgb(143,188,143) | darkseagreen | тёмный морской волны | |
#483D8B | rgb(72,61,139) | darkslateblue | тёмный грифельно-синий | |
#2F4F4F | rgb(47,79,79) | darkslategray | тёмный грифельно-серый | |
#2F4F4F | rgb(47,79,79) | darkslategrey | тёмный грифельно-серый | |
#00CED1 | rgb(0,206,209) | darkturquoise | тёмно-бирюзовый | |
#9400D3 | rgb(148,0,211) | darkviolet | тёмно-фиолетовый | |
#FF1493 | rgb(255,20,147) | deeppink | розовый (глубокий розовый) | |
#00BFFF | rgb(0,191,255) | deepskyblue | глубокий лазурный (небесно-голубой) | |
#696969 | rgb(105,105,105) | dimgray | тускло-сервый | |
#696969 | rgb(105,105,105) | dimgrey | тускло-сервый | |
#1E90FF | rgb(30,144,255) | dodgerblue | синий рекламный | |
#B22222 | rgb(178,34,34) | firebrick | огнеупорный кирпич | |
#FFFAF0 | rgb(255,250,240) | floralwhite | цветочный белый | |
#228B22 | rgb(34,139,34) | forestgreen | тёмно-зелёный (травянисто-зелёный) | |
#DCDCDC | rgb(220,220,220) | gainsboro | гейнсборо | |
#F8F8FF | rgb(248,248,255) | ghostwhite | призрачно-белый | |
#FFD700 | rgb(255,215,0) | gold | золотой | |
#DAA520 | rgb(218,165,32) | goldenrod | золотистый | |
#ADFF2F | rgb(173,255,47) | greenyellow | зелёно-жёлтый | |
#808080 | rgb(128,128,128) | grey | серый | |
#F0FFF0 | rgb(240,255,240) | honeydew | цвет нектара | |
#FF69B4 | rgb(255,105,180) | hotpink | ярко-розовый | |
#CD5C5C | rgb(205,92,92) | indianred | красный индийский | |
#4B0082 | rgb(75,0,130) | indigo | индиго | |
#FFFFF0 | rgb(255,255,240) | ivory | слоновая кость | |
#F0E68C | rgb(240,230,140) | khaki | хаки | |
#E6E6FA | rgb(230,230,250) | lavender | лавандовый | |
#FFF0F5 | rgb(255,240,245) | lavenderblush | розовато-ловандовый (багряный) | |
#7CFC00 | rgb(124,252,0) | lawngreen | зелёный газон | |
#FFFACD | rgb(255,250,205) | lemonchiffon | лимонный шифон | |
#ADD8E6 | rgb(173,216,230) | lightblue | светло-синий | |
#F08080 | rgb(240,128,128) | lightcoral | светло-коралловый | |
#E0FFFF | rgb(224,255,255) | lightcyan | светло-голубой | |
#FAFAD2 | rgb(250,250,210) | lightgoldenrodyellow | светлый золотисто-жёлтый | |
#D3D3D3 | rgb(211,211,211) | lightgray | светло-серый | |
#90EE90 | rgb(144,238,144) | lightgreen | светло-зелёный | |
#D3D3D3 | rgb(211,211,211) | lightgrey | светло-серый | |
#FFB6C1 | rgb(255,182,193) | lightpink | светло-розовый | |
#FFA07A | rgb(255,160,122) | lightsalmon | светло-лососевый | |
#20B2AA | rgb(32,178,170) | lightseagreen | светлый морской волны | |
#87CEFA | rgb(135,206,250) | lightskyblue | светлый лазурный | |
#778899 | rgb(119,136,153) | lightslategray | светлый грифельно-серый | |
#778899 | rgb(119,136,153) | lightslategrey | светлый грифельно-серый | |
#B0C4DE | rgb(176,196,222) | lightsteelblue | светло-серо-голубой | |
#FFFFE0 | rgb(255,255,224) | lightyellow | светло-жёлтый | |
#32CD32 | rgb(50,205,50) | limegreen | зелёный лайм | |
#FAF0E6 | rgb(250,240,230) | linen | льняной (полотняный) | |
#FF00FF | rgb(255,0,255) | magenta | пурпурный (фуксия, мажента) | |
#66CDAA | rgb(102,205,170) | mediumaquamarine | средний аквамарин | |
#0000CD | rgb(0,0,205) | mediumblue | средний синий | |
#BA55D3 | rgb(186,85,211) | mediumorchid | средний орхидейный | |
#9370DB | rgb(147,112,219) | mediumpurple | средне-фиолетовый | |
#3CB371 | rgb(60,179,113) | mediumseagreen | средний морской волны | |
#7B68EE | rgb(123,104,238) | mediumslateblue | средний грифельно-синий | |
#00FA9A | rgb(0,250,154) | mediumspringgreen | средний весенне-зелёный | |
#48D1CC | rgb(72,209,204) | средне-бирюзовый | ||
#C71585 | rgb(199,21,133) | mediumvioletred | средний фиолетово-красный | |
#191970 | rgb(25,25,112) | midnightblue | полуночно-синий | |
#F5FFFA | rgb(245,255,250) | mintcream | мятно-кремовый | |
#FFE4E1 | rgb(255,228,225) | mistyrose | дымчато-розовый | |
#FFE4B5 | rgb(255,228,181) | moccasin | мокасин | |
#FFDEAD | rgb(255,222,173) | navajowhite | белый навахо | |
#FDF5E6 | rgb(253,245,230) | oldlace | старые кружева | |
#6B8E23 | rgb(107,142,35) | olivedrab | оливково-жёлтый | |
#FFA500 | rgb(255,165,0) | orange | оранжевый | |
#FF4500 | rgb(255,69,0) | orangered | оранжево-красный | |
#DA70D6 | rgb(218,112,214) | orchid | светло-лиловый (орхидея) | |
#EEE8AA | rgb(238,232,170) | palegoldenrod | бледно-золотистый | |
#98FB98 | rgb(152,251,152) | palegreen | бледно-зелёный | |
#AFEEEE | rgb(175,238,238) | paleturquoise | бледно-бирюзовый | |
#DB7093 | rgb(219,112,147) | palevioletred | фиолетово-красный | |
#FFEFD5 | rgb(255,239,213) | papayawhip | взбитая папайя | |
#FFDAB9 | rgb(255,218,185) | peachpuff | слойные персики | |
#CD853F | rgb(205,133,63) | peru | перуанский | |
#FFC0CB | rgb(255,192,203) | pink | розовый | |
#DDA0DD | rgb(221,160,221) | plum | сливовый | |
#B0E0E6 | rgb(176,224,230) | powderblue | пыльно-голубой | |
#BC8F8F | rgb(188,143,143) | rosybrown | розово-коричневый | |
#4169E1 | rgb(65,105,225) | royalblue | ярко-синий | |
#8B4513 | rgb(139,69,19) | saddlebrown | бурый | |
#FA8072 | rgb(250,128,114) | salmon | оранжево-розовый (лососевый) | |
#F4A460 | rgb(244,164,96) | sandybrown | кожаный | |
#2E8B57 | rgb(46,139,87) | seagreen | морской волны | |
#FFF5EE | rgb(255,245,238) | seashell | морская ракушка | |
#A0522D | rgb(160,82,45) | sienna | охра | |
#87CEEB | rgb(135,206,235) | skyblue | лазурный (небесно-голубой) | |
#6A5ACD | rgb(106,90,205) | slateblue | грифельно-синий | |
#708090 | rgb(112,128,144) | slategray | грифельно-серый | |
#708090 | rgb(112,128,144) | slategrey | синевато-серый | |
#FFFAFA | rgb(255,250,250) | snow | снежный | |
#00FF7F | rgb(0,255,127) | springgreen | весенне-зелёный | |
#4682B4 | rgb(70,130,180) | steelblue | синевато-стальной | |
#D2B48C | rgb(210,180,140) | tan | жёлто-коричневый (дубильная кора) | |
#D8BFD8 | rgb(216,191,216) | thistle | чертополох | |
#FF6347 | rgb(255,99,71) | tomato | томатный | |
#40E0D0 | rgb(64,224,208) | turquoise | бирюзовый | |
#EE82EE | rgb(238,130,238) | violet | фиолетовый (лиловый) | |
#F5DEB3 | rgb(245,222,179) | wheat | пшеничный | |
#F5F5F5 | rgb(245,245,245) | whitesmoke | дымчато-белый | |
#9ACD32 | rgb(154,205,50) | yellowgreen | жёлто-зелёный |
Золотой цвет — Википедия
Материал из Википедии — свободной энциклопедии
Текущая версия страницы пока не проверялась опытными участниками и может значительно отличаться от версии, проверенной 17 сентября 2017; проверки требует 1 правка. Текущая версия страницы пока не проверялась опытными участниками и может значительно отличаться от версии, проверенной 17 сентября 2017; проверки требует 1 правка.Золотой | |
---|---|
HEX | FFD700 |
RGB¹ (r, g, b) | (255, 215, 0) |
CMYK (c, m, y, k) | (0, 16, 100, 0) |
HSV² (h, s, v) | (51°, 100%, 100%) |
|
Золото́й — жёлто-оранжевый цвет.
Первое употребление слова «золотой» в отношении цвета было зарегистрировано в английском языке около 1300 года для обозначения цвета химического элемента золото, и в 1423 году — для обозначения цвета светлых волос.[1]
Золотой металлик (#D4AF37)
Золотой металлик | |
---|---|
HEX | D4AF37 |
RGB¹ (r, g, b) | (212, 175, 55) |
CMYK (c, m, y, k) | (18, 28, 95, 0) |
HSV² (h, s, v) | (46°, 74%, 83%) |
|
Отличительный блеск металлического оттенка золотого цвета не может быть передан на компьютерном мониторе, так как в веб-цветах не существует механизмов для передачи металлических или флуоресцентных цветов.
Данный цвет точнее передаёт цвет металла-золота. Источник его названия — ISCC-NBS Dictionary of Color Names (1955)
Через свою непосредственную связь с золотом, которое является одним из древнейших символов благородства и роскоши, золотистый цвет издавна широко используется в изобразительном искусстве, геральдике и вексиллологии.
Золотистый цвет был и остается ключевым цветом в традиции византийского искусства.
Золотой лев является популярным элементом в геральдике, который использовался и/или используется в гербах Великобритании, Норвегии, Грузии, Галицко-Волынского княжества, бельгийской провинции Брабант и тому подобное. Золотой лев также представлен во всех основных проектах Большого герба Украины.
В вексиллологии золотистый цвет используется, в частности на современных флагах Германии, Боснии и Герцеговины, Испании и т.д.
Используется в различных вариациях для визуального обозначения имен победителей спортивных соревнований, наградой которым традиционно остается золотая медаль.
- ↑ Maerz and Paul A Dictionary of Color New York:1930 McGraw-Hill Page 195
Цвета HTML
Спецсимволы HTML
HTML5 все теги
Регулярные выражения для Notepad++
СSS курсор
CSS все свойства
CSS псевдоэлементы
Горячие клавиши
микроразметка microformats.org (микроформат)
микроразметка schema.org (микродата)
Название | Шестнадцатиричные | RGB |
---|---|---|
Red | #FF0000 | 255, 0, 0 |
DarkRed | #8B0000 | 139, 0, 0 |
FireBrick | #B22222 | 178, 34, 34 |
Crimson | #DC143C | 220, 20, 60 |
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 |
MediumVioletRed | #C71585 | 199, 21, 133 |
DeepPink | #FF1493 | 255, 20, 147 |
HotPink | #FF69B4 | 255, 105, 180 |
PaleVioletRed | #DB7093 | 219, 112, 147 |
LightPink | #FFB6C1 | 255, 182, 193 |
Pink | #FFC0CB | 255, 192, 203 |
OrangeRed | #FF4500 | 255, 69, 0 |
Tomato | #FF6347 | 255, 99, 71 |
Coral | #FF7F50 | 255, 127, 80 |
LightSalmon | #FFA07A | 255, 160, 122 |
DarkOrange | #FF8C00 | 255, 140, 0 |
Orange | #FFA500 | 255, 165, 0 |
Maroon | #800000 | 128, 0, 0 |
Brown | #A52A2A | 165, 42, 42 |
Sienna | #A0522D | 160, 82, 45 |
SaddleBrown | #8B4513 | 139, 69, 19 |
Chocolate | #D2691E | 210, 105, 30 |
Chocolate | #D2691E | 210, 105, 30 |
Peru | #CD853F | 205, 133, 63 |
DarkGoldenRod | #B8860B | 184, 134, 11 |
Goldenrod | #DAA520 | 218, 165, 32 |
SandyBrown | #F4A460 | 244, 164, 96 |
RosyBrown | #BC8F8F | 188, 143, 143 |
Tan | #D2B48C | 210, 180, 140 |
BurlyWood | #DEB887 | 222, 184, 135 |
Wheat | #F5DEB3 | 245, 222, 179 |
NavajoWhite | #FFDEAD | 255, 222, 173 |
Bisque | #FFE4C4 | 255, 228, 196 |
BlanchedAlmond | #FFEBCD | 255, 235, 205 |
Cornsilk | #FFF8DC | 255, 248, 220 |
Gold | #FFD700 | 255, 215, 0 |
Yellow | #FFFF00 | 255, 255, 0 |
DarkKhaki | #BDB76B | 189, 183, 107 |
Khaki | #F0E68C | 240, 230, 140 |
PaleGoldenrod | #EEE8AA | 238, 232, 170 |
PeachPuff | #FFDAB9 | 255, 218, 185 |
Moccasin | #FFE4B5 | 255, 228, 181 |
PapayaWhip | #FFEFD5 | 255, 239, 213 |
LightGoldenrodYellow | #FAFAD2 | 250, 250, 210 |
LemonChiffon | #FFFACD | 255, 250, 205 |
LightYellow | #FFFFE0 | 255, 255, 224 |
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 |
MidnightBlue | #191970 | 25, 25, 112 |
Navy | #000080 | 0, 0, 128 |
DarkBlue | #00008B | 0, 0, 139 |
MediumBlue | #0000CD | 0, 0, 205 |
Blue | #0000FF | 0, 0, 255 |
RoyalBlue | #4169E1 | 65, 105, 225 |
MediumSlateBlue | #7B68EE | 123, 104, 238 |
CornflowerBlue | #6495ED | 100, 149, 237 |
DodgerBlue | #1E90FF | 30, 144, 255 |
DeepSkyBlue | #00BFFF | 0, 191, 255 |
LightSkyBlue | #87CEFA | 135, 206, 250 |
SkyBlue | #87CEEB | 135, 206, 235 |
LightBlue | #ADD8E6 | 173, 216, 230 |
PowderBlue | #B0E0E6 | 176, 224, 230 |
LightSteelBlue | #B0C4DE | 176, 196, 222 |
SteelBlue | #4682B4 | 70, 130, 180 |
CadetBlue | #5F9EA0 | 95, 158, 160 |
DarkTurquoise | #00CED1 | 0, 206, 209 |
MediumTurquoise | #48D1CC | 72, 209, 204 |
Turquoise | #40E0D0 | 64, 224, 208 |
Aquamarine | #7FFFD4 | 127, 255, 212 |
PaleTurquoise | #AFEEEE | 175, 238, 238 |
LightCyan | #E0FFFF | 224, 255, 255 |
Cyan | #00FFFF | 0, 255, 255 |
Aqua | #00FFFF | 0, 255, 255 |
Teal | #008080 | 0, 128, 128 |
DarkCyan | #008B8B | 0, 139, 139 |
LightSeaGreen | #20B2AA | 32, 178, 170 |
DarkSeaGreen | #8FBC8F | 143, 188, 143 |
MediumAquamarine | #66CDAA | 102, 205, 170 |
DarkOliveGreen | #556B2F | 85, 107, 47 |
Olive | #808000 | 128, 128, 0 |
OliveDrab | #6B8E23 | 107, 142, 35 |
YellowGreen | #9ACD32 | 154, 205, 50 |
DarkGreen | #006400 | 0, 100, 0 |
Green | #008000 | 0, 128, 0 |
ForestGreen | #228B22 | 34, 139, 34 |
SeaGreen | #2E8B57 | 46, 139, 87 |
MediumSeaGreen | #3CB371 | 60, 179, 113 |
SpringGreen | #00FF7F | 0, 255, 127 |
MediumSpringGreen | #00FA9A | 0, 250, 154 |
LightGreen | #90EE90 | 144, 238, 144 |
PaleGreen | #98FB98 | 152, 251, 152 |
LimeGreen | #32CD32 | 50, 205, 50 |
Lime | #00FF00 | 0, 255, 0 |
LawnGreen | #7CFC00 | 124, 252, 0 |
Chartreuse | #7FFF00 | 127, 255, 0 |
GreenYellow | #ADFF2F | 173, 255, 47 |
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 |
DimGray | #696969 | 105, 105, 105 |
LightSlateGray | #778899 | 119, 136, 153 |
SlateGray | #708090 | 112, 128, 144 |
DarkSlateGray | #2F4F4F | 47, 79, 79 |
DarkSlateGrey | #2F4F4F | 47, 79, 79 |
Black | #000000 | 0, 0, 0 |
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 |
А так же:
Название цвета | RGB | HEX |
Тёмно-бордовый | rgb(128,0,0) | #800000 |
Тёмно-красный | rgb(139,0,0) | #8B0000 |
Огнеупорный кирпич | rgb(178,34,34) | #B22222 |
Красный | rgb(255,0,0) | #FF0000 |
Лососевый | rgb(250,128,114) | #FA8072 |
Томатный | rgb(255,99,71) | #FF6347 |
Коралловый | rgb(255,127,80) | #FF7F50 |
Оранжево-красный | rgb(255,69,0) | #FF4500 |
Шоколадный | rgb(210,105,30) | #D2691E |
Песочно-коричневый | rgb(244,164,96) | #F4A460 |
Тёмно-оранжевый | rgb(255,140,0) | #FF8C00 |
Оранжевый | rgb(255,165,0) | #FFA500 |
Тёмный золотарник | rgb(184,134,11) | #B8860B |
Золотарниковый | rgb(218,165,32) | #DAA520 |
Золотой | rgb(255,215,0) | #FFD700 |
Оливковый | rgb(128,128,0) | #808000 |
Жёлтый | rgb(255,255,0) | #FFFF00 |
Жёлто-зелёный | rgb(154,205,50) | #9ACD32 |
Зелёно-жёлтый | rgb(173,255,47) | #ADFF2F |
Шартрёз (ликёр) | rgb(127,255,0) | #7FFF00 |
Зелёный газон | rgb(124,252,0) | #7CFC00 |
Зелёный | rgb(0,128,0) | #008000 |
Лаймовый | rgb(0,255,0) | #00FF00 |
Зелёный лайм | rgb(50,205,50) | #32CD32 |
Весенне зелёный | rgb(0,255,127) | #00FF7F |
Весенне-зелёный нейтральный | rgb(0,250,154) | #00FA9A |
Бирюзовый | rgb(64,224,208) | #40E0D0 |
Светло-зелёное море | rgb(32,178,70) | #20B2AA |
Бирюзовый нейтральный | rgb(72,209,204) | #48D1CC |
Тёмный циан | rgb(0,139,139) | #008B8B |
Морская волна | rgb(0,255,255) | #00FFFF |
Тёмно-бирюзовый | rgb(0,206,209) | #00CED1 |
Небесно-голубой тёмный | rgb(0,191,255) | #00BFFF |
Обманчивый синий | rgb(30,144,255) | #1E90FF |
Королевский синий | rgb(65,105,225) | #4169E1 |
Военно-морского флота | rgb(0,0,128) | #000080 |
Тёмно-синий | rgb(0,0,139) | #00008B |
Cиний нейтральный | rgb(0,0,205) | #0000CD |
Синий | rgb(0,0,255) | #0000FF |
Сине-фиолетовый | rgb(138,43,226) | #8A2BE2 |
Тёмная орхидея | rgb(153,50,204) | #9932CC |
Тёмно-фиолетовый | rgb(148,0,211) | #9400D3 |
Фиолетовый | rgb(128,0,128) | #800080 |
Тёмный маджента | rgb(139,0,139) | #8B008B |
Маджента | rgb(255,0,255) | #FF00FF |
Фиолетово-красный нейтральный | rgb(199,21,133) | #C71585 |
Насыщенный розовый | rgb(255,20,147) | #FF1493 |
Ярко-розовый | rgb(255,105,80) | #FF69B4 |
Малиновый | rgb(220,20,60) | #DC143C |
Коричневый | rgb(165,42,42) | #A52A2A |
Красный индийский | rgb(205,92,92) | #CD5C5C |
Розово-коричневый | rgb(188,143,143) | #BC8F8F |
Светло-коралловый | rgb(240,128,128) | #F08080 |
Снег | rgb(255,250,250) | #FFFAFA |
Туманная роза | rgb(255,228,225) | #FFE4E1 |
Тёмный лосось | rgb(233,150,122) | #E9967A |
Светлый лосось | rgb(255,160,122) | #FFA07A |
Охра | rgb(160,82,45) | #A0522D |
Морская ракушка | rgb(255,245,238) | #FFF5EE |
Седло Браун | rgb(139,69,19) | #8B4513 |
Персиковая пудра | rgb(255,218,185) | #FFDAB9 |
Перу | rgb(205,133,63) | #CD853F |
Текстильный | rgb(250,240,230) | #FAF0E6 |
Бисквит | rgb(255,228,196) | #FFE4C4 |
Плотное дерево | rgb(222,184,135) | #DEB887 |
Загар | rgb(210,180,140) | #D2B48C |
Античный белый | rgb(255,235,215) | #FAEBD7 |
Белый навахо | rgb(255,222,173) | #FFDEAD |
Бланшированный миндаль | rgb(255,235,205) | #FFEBCD |
Побег папайи | rgb(255,239,213) | #FFEFD5 |
Мокасиновый | rgb(255,228,181) | #FFE4B5 |
Пшеничный | rgb(245,222,179) | #F5DEB3 |
Старое кружево | rgb(253,245,230) | #FDF5E6 |
Цветочный белый | rgb(255,250,240) | #FFFAF0 |
Кукурузный волос | rgb(255,248,220) | #FFF8DC |
Хаки | rgb(240,230,140) | #F0E68C |
Лимонный шифон | rgb(255,250,205) | #FFFACD |
Бледный золотарник | rgb(238,232,170) | #EEE8AA |
Тёмный хаки | rgb(189,183,107) | #BDB76B |
Бежевый | rgb(245,245,220) | #F5F5DC |
Светло-жёлтый золотарник | rgb(250,250,210) | #FAFAD2 |
Светло-жёлтый | rgb(255,255,224) | #FFFFE0 |
Слоновая кость | rgb(255,255,240) | #FFFFF0 |
Тёмно-оливковый | rgb(107,142,35) | #6B8E23 |
Тёмно-оливковый зелёный | rgb(85,107,47) | #556B2F |
Тёмно-зелёное море | rgb(143,188,143) | #8FBC8F |
Тёмно-зелёный | rgb(0,100,0) | #006400 |
Зелёный лесной | rgb(34,139,34) | #228B22 |
Светло-зелёный | rgb(144,238,144) | #90EE90 |
Бледно-зелёный | rgb(152,251,152) | #98FB98 |
Медвяная роса | rgb(240,255,240) | #F0FFF0 |
Зелёное море | rgb(46,139,87) | #2E8B57 |
Зелёное море, нейтральный | rgb(60,179,113) | #3CB371 |
Мятный крем | rgb(245,255,250) | #F5FFFA |
Аквамариновый нейтральный | rgb(102,205,170) | #66CDAA |
Аквамариновый | rgb(127,255,212) | #7FFFD4 |
Тёмный грифельно-серый | rgb(47,79,79) | #2F4F4F |
Бледно-бирюзовый | rgb(179,238,238) | #AFEEEE |
Светло-голубой | rgb(224,255,255) | #E0FFFF |
Лазурный | rgb(245,255,255) | #F0FFFF |
Серо-синий | rgb(95,158,160) | #5F9EA0 |
Пыльный голубой | rgb(176,224,230) | #B0E0E6 |
Светло-синий | rgb(173,216,230) | #ADD8E6 |
Небесно-голубой | rgb(135,206,235) | #87CEEB |
Небесно-голубой светлый | rgb(135,206,250) | #87CEFA |
Синяя сталь | rgb(70,130,180) | #4682B4 |
Синяя Элис | rgb(240,248,255) | #F0F8FF |
Серый шифер | rgb(112,128,144) | #708090 |
Светло-серый шифер | rgb(119,136,153) | #778899 |
Светло-стальной синий | rgb(176,196,222) | #B0C4DE |
Васильковый голубой | rgb(100,149,237) | #6495ED |
Лаванда | rgb(230,230,250) | #E6E6FA |
Призрачно-белый | rgb(248,248,255) | #F8F8FF |
Полуночный синий | rgb(25,25,112) | #191970 |
Аспидно-синий | rgb(106,90,205) | #6A5ACD |
Тёмный аспидно-синий | rgb(72,61,139) | #483D8B |
Нейтральный аспидно-синий | rgb(123,104,238) | #7B68EE |
Фиолетовый нейтральный | rgb(147,112,219) | #9370DB |
Индиго | rgb(75,0,130) | #4B0082 |
Нейтральный цвет орхидеи | rgb(186,85,211) | #BA55D3 |
Слива светлая | rgb(221,160,221) | #DDA0DD |
Розово-фиолетовый | rgb(238,130,238) | #EE82EE |
Чертополох | rgb(216,191,216) | #D8BFD8 |
Орхидея | rgb(218,112,214) | #DA70D6 |
Розово-лавандовый | rgb(255,240,245) | #FFF0F5 |
Лиловый | rgb(219,112,147) | #DB7093 |
Розовый | rgb(255,192,203) | #FFC0CB |
Светло-розовый | rgb(255,182,193) | #FFB6C1 |
Чёрный | rgb(0,0,0) | #000000 |
Тускло-серый | rgb(105,105,105) | #696969 |
Серый | rgb(128,128,128) | #808080 |
Тёмно-серый | rgb(169,169,169) | #A9A9A9 |
Серебряный | rgb(192,192,192) | #C0C0C0 |
Светло-серый | rgb(211,211,211) | #D3D3D3 |
Геинсборо | rgb(220,220,220) | #DCDCDC |
Белый дым | rgb(245,245,245) | #F5F5F5 |
Белый | rgb(255,255,255) | #FFFFFF |
Цвета HTML
Цвета html обозначаются шестью символами после символа слеш — например, #000000. Эти шесть символов обозначают доли различных цветов (Красного, Зеленого и Синего цветов (Red, Green, Blue)) в итоговом цвете. В мониторе вашего комьютера изображение формируется из огромного количества точек, называемых пикселями. Каждый пиксел — это маленький источник света, назовём его «фонарик», который в свою очередь состоит из трех фонариков — красного, зеленого и синего цвета. Уменьшая или увеличивая интенсивность свечения отдельных цветных фонариков, мы получаем нужный цвет.
Коды цветов html
Цвета в HTML обозначаются шестнадцатиричным (HEX) обозначением сочетания красного, синего и зеленого цвета (RGB).
Наименьшим значением цвета является 0 (шестнадцатиричное 00). Наибольшим значением цвета является 255 (шестнадцатиричное FF).
Шестнадцатиричное значение цвета представляет из себя три цифры, начинающиеся со знака #.
Коды (значения) цветов
Цвет | Код HEX | Код RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
16 миллионов оттенков
Сочетание красного, синего и зеленого цветов со значениями с долей каждого цвета от 0 до 255 дают в сумме более 16 миллионов оттенков (256 x 256 x 256).
Большинство современных мониторов способны отобразить не меньше 16384 различных оттенков (ЖК-мониторы, в основном, способны отображать 262 тысячи 16 миллионов (обновлено в октябре 2013 г.) цветов, а ЭЛТ-мониторы способны отображать практически неограниченное количество цветов).
В цветовой таблице ниже приведено изменение доли красного цвета с 0 до 255 при нулевых значениях синего и зеленого цветов:
Красный | Код HEX | Код RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
Оттенки серого
Для получение оттенков серого цвета используются равные доли всех цветов. Для облегчения выбора нужного цвета мы приводим вам коды оттенков серого цвета
Оттенки серого | Код HEX | Код RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
Кросс-браузерные (для всех браузеров) названия цветов html
Коллекция из 150 названий цветов в html, поддерживаемых во всех браузерах.
Посмотреть коллекцию.
Стандартизированные названия цветов
Консорциум W3C перечисляет 16 валидных названий цветов для HTML и CSS: aqua (аквамарин), black (черный), blue (синий), fuchsia (фуксиновый), gray (серый), green (зеленый), lime (лайм или салатовый), maroon (каштановый), navy (ультрамарин), olive (оливковый), purple (пурпурный), red (красный), silver (серебристый), teal (сизый), white (белый) и yellow (желтый).
При использовании цветов, не входящих в этот список, правильнее будет использовать их шестнадцатиричный код (HEX) или код RGB.
Безопасные цвета
Несколько лет назад, когда компьютеры могли поддерживать максимум 256 различных цветов, был предложен список из 216 «Безопасных web-цветов» с 40 цветами, зарезервированными для системы.
Эта 216-цветная палитра была создана для того, чтобы правильно отобразить цвета в режиме 256-цветной палитры.
Теперь это не важно, потому что большинство компьютеров во всем мире поддерживают миллионы оттенков цвета. В любом случае вот список этих цветов:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Интересное:
Изменение цвета фона страницы в cssВставка изображения в html
Понравилась запись? Сказать «Спасибо» очень просто, поделитесь записью в социальных сетях!
|
|
Подбор цветов и генерация цветовых схем
Монохроматическая модель. Эта цветовая схема основана на одном оттенке цвета, и использует вариации, сделанные только лишь изменением насыщенности и яркости.Результат комфортен для глаз, даже при использовании агрессивных цветов. Вместе с тем, труднее найти диакритические знаки и основные факты.
Также монохроматические вариации сделаны для каждого цвета в других схемах.
Комплементарная (контрастная) модель. Основной цвет дополнен его комплементом (цвета на противоположной стороне цветового круга). Создается один холодный и один теплый цвет — вы должны рассмотреть, какой из них будет доминирующим, и должен ли дизайн выглядеть холодным, или теплым.Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.
Модель цветовой триады (мягкий контраст). Основной цвет дополнен двумя цветами, помещенными тождественно по обе стороны его комплемента. В отличие от «острого» контраста, эта цветовая схема зачастую является более комфортной для глаз, она мягче, и в ней больше пространства для балансировки теплых/холодных цветов.Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.
Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов. Она основана на Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90°). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.
Модель аналогичных цветов. Эта цветовая схема образована основным цветом и его смежными цветами — два цвета, расположенные тождественно по обе стороны. Это всегда смотрится элегантно и четко, цветовая гамма в результате этого выглядит с меньшей напряженностью и равномерной колориметрией. Если выбран цвет на тепло-холодной границе, цвет с противоположной «температурой» может быть использован для акцентирования двух других цветов.Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.
Модель акцентированной аналогии. Это аналогичная модель с добавлением дополнительного (контрастного) цвета. Модель должна рассматриваться как дополнение — она добавляет напряженности к цветовой палитре, и слишком агрессивна в случае злоупотребления. Вместе с тем, она может быть использована в некоторых деталях, а так же в качестве цветового акцента — порой получается очень эффективная и элегантная цветовая гамма.
Оттенок. На этой вкладке отображается цветовой круг. Кликните по ней для регулировки оттенков основных, дополнительных, и вторичных цветов.
Регулировка цветовой схемы. На этой вкладке можно регулировать яркость/насыщенность цвета и контраст цветовой схемы, или просто выбрать из предопределенных настроек.
Информация о цветовой схеме. Кликните по этой вкладке для отображения значений цветов фактической цветовой схемы, а так же для экспорта их в различные форматы данных.
Оттенок основного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок дополнительного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Значение оттенка основного цвета. Кликните для ввода числового значения.
Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.
Значение RGB основного цвета. Кликните для ввода числового значения.Будьте осторожны: из-за ошибки округления во время преобразования, значение RGB, используемое в цветовой схеме, может немного отличаться от введенного значения.
Значения RGB основного цвета.
Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.
Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).
Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).
Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.
Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.
Список вариантов цвета. Выберите вариант цвета, а затем отрегулируйте его насыщенность и яркость при помощи ползунка на левом квадрате.
Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.
URL адрес цветовой схемы. Для каждой схемы существует уникальный ID. Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Пример веб-страницы (светлая/позитив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Пример веб-страницы (темная/негатив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Показать пример текста. Отметьте галочку, чтобы отобразить белый, черный и серый текст в окне предварительного просмотра цветовой схемы.
Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.
Настройки рандомизации. Нажмите, чтобы установить, какие параметры должны быть рандомизированы.