Содержание
Таблица цветов html
Таблица (палитра) цветов html предоставляет вам возможность самостоятельно подобрать нужный вам тон. Значение цвета отображается в трех форматах: Hex, RGB и HSV.
- Hex состоит из трех двух символьных значений в шестнадцатеричной системе счисления. Например: #ff00b3, где первая пара чисел — красный, вторая — зеленый, а третья — синий.
- RGB (RedGreenBlue) имеет вид «200,100,255», обозначающее количество соответствующего тона(красный,зеленый,синий) в получаемом цвете.
- HSV (Hue, Saturation, Value — тон, насыщенность, значение) — цветовая модель, в которой в качестве координат являются:
- Hue — цветовой тон, может варьироваться в пределах от 0° до 360°.
- Saturation — насыщенность, варьируется в пределах 0—100 или 0—1. Чем больше этот параметр, тем «чище» цвет, поэтому этот параметр иногда называют чистотой цвета. А чем ближе этот параметр к нулю, тем ближе цвет к нейтральному серому.
- Value (значение цвета) — задает яркость, значение так же может варьироваться в пределах 0—100 или 0—1.
Список цветов с названиями
В таблице перечислены названия цветов на английском языке (которые можно использовать в качестве значений), поддерживаемые всеми браузерами, и их шестнадцатеричные значения.
Название цвета HEX Цвет Black #000000 Navy #000080 DarkBlue #00008B MediumBlue #0000CD Blue #0000FF DarkGreen #006400 Green #008000 Teal #008080 DarkCyan #008B8B DeepSkyBlue #00BFFF DarkTurquoise #00CED1 MediumSpringGreen #00FA9A Lime #00FF00 SpringGreen #00FF7F Aqua #00FFFF Cyan #00FFFF MidnightBlue #191970 DodgerBlue #1E90FF LightSeaGreen #20B2AA ForestGreen #228B22 SeaGreen #2E8B57 DarkSlateGray #2F4F4F LimeGreen #32CD32 MediumSeaGreen #3CB371 Turquoise #40E0D0 RoyalBlue #4169E1 SteelBlue #4682B4 DarkSlateBlue #483D8B MediumTurquoise #48D1CC Indigo #4B0082 DarkOliveGreen #556B2F CadetBlue #5F9EA0 CornflowerBlue #6495ED MediumAquaMarine #66CDAA DimGray #696969 SlateBlue #6A5ACD OliveDrab #6B8E23 SlateGray #708090 LightSlateGray #778899 MediumSlateBlue #7B68EE LawnGreen #7CFC00 Chartreuse #7FFF00 Aquamarine #7FFFD4 Maroon #800000 Purple #800080 Olive #808000 Gray #808080 SkyBlue #87CEEB LightSkyBlue #87CEFA BlueViolet #8A2BE2 DarkRed #8B0000 DarkMagenta #8B008B SaddleBrown #8B4513 DarkSeaGreen #8FBC8F LightGreen #90EE90 MediumPurple #9370D8 DarkViolet #9400D3 PaleGreen #98FB98 DarkOrchid #9932CC YellowGreen #9ACD32 Sienna #A0522D Brown #A52A2A DarkGray #A9A9A9 LightBlue #ADD8E6 GreenYellow #ADFF2F PaleTurquoise #AFEEEE LightSteelBlue #B0C4DE PowderBlue #B0E0E6 FireBrick #B22222 DarkGoldenRod #B8860B MediumOrchid #BA55D3 RosyBrown #BC8F8F DarkKhaki #BDB76B Silver #C0C0C0 MediumVioletRed #C71585 IndianRed #CD5C5C Peru #CD853F Chocolate #D2691E Tan #D2B48C LightGray #D3D3D3 PaleVioletRed #D87093 Thistle #D8BFD8 Orchid #DA70D6 GoldenRod #DAA520 Crimson #DC143C Gainsboro #DCDCDC Plum #DDA0DD BurlyWood #DEB887 LightCyan #E0FFFF Lavender #E6E6FA DarkSalmon #E9967A Violet #EE82EE PaleGoldenRod #EEE8AA LightCoral #F08080 Khaki #F0E68C AliceBlue #F0F8FF HoneyDew #F0FFF0 Azure #F0FFFF SandyBrown #F4A460 Wheat #F5DEB3 Beige #F5F5DC WhiteSmoke #F5F5F5 MintCream #F5FFFA GhostWhite #F8F8FF Salmon #FA8072 AntiqueWhite #FAEBD7 Linen #FAF0E6 LightGoldenRodYellow #FAFAD2 OldLace #FDF5E6 Red #FF0000 Fuchsia #FF00FF Magenta #FF00FF DeepPink #FF1493 OrangeRed #FF4500 Tomato #FF6347 HotPink #FF69B4 Coral #FF7F50 Darkorange #FF8C00 LightSalmon #FFA07A Orange #FFA500 LightPink #FFB6C1 Pink #FFC0CB Gold #FFD700 PeachPuff #FFDAB9 NavajoWhite #FFDEAD Moccasin #FFE4B5 Bisque #FFE4C4 MistyRose #FFE4E1 BlanchedAlmond #FFEBCD PapayaWhip #FFEFD5 LavenderBlush #FFF0F5 SeaShell #FFF5EE Cornsilk #FFF8DC LemonChiffon #FFFACD FloralWhite #FFFAF0 Snow #FFFAFA Yellow #FFFF00 LightYellow #FFFFE0 Ivory #FFFFF0 White #FFFFFF Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2023 © puzzleweb.ruТаблица HTML цветов
Все стандартные цвета – их названия, HEX коды и RGB значения.
Основные цвета
Черный Black #000000 rgb(0,0,0) Серый Gray #808080 rgb(128,128,128) Серебряный Silver #c0c0c0 rgb(192,192,192) Белый White #ffffff rgb(255,255,255) Фуксия, Маджента Fuchsia,Magenta #ff00ff rgb(255,0,255) Пурпурный Purple #800080 rgb(128,0,128) Красный Red #ff0000 rgb(255,0,0) Коричнево-малиновый Maroon #800000 rgb(128,0,0) Жёлтый Yellow #ffff00 rgb(205,92,92) Оливковый Olive #808000 rgb(240,128,128) Лайм Lime #00ff00 rgb(250,128,114) Зелёный Green #008000 rgb(233,150,122) Цвет морской волны Aqua #00ffff rgb(205,92,92) Окраски птицы чирок Teal #008080 rgb(240,128,128) Синий Blue #0000ff rgb(250,128,114) Форма морских офицеров Navy #000080 rgb(233,150,122) Серые тона
Дымчато-белый WhiteSmoke #f5f5f5 rgb(245,245,245) Гейнсборо Gainsboro #dcdcdc rgb(220,220,220) Светло серый LightGrey,LightGray #d3d3d3 rgb(211,211,211) Серебряный Silver #c0c0c0 rgb(192,192,192) Темно серый DarkGray,DarkGrey #a9a9a9 rgb(169,169,169) Серый Gray,Grey #808080 rgb(128,128,128) Тусклый серый DimGray,DimGrey #696969 rgb(105,105,105) Светлый аспидно-серый LightSlateGray,LightSlateGrey #778899 rgb(119,136,153) Серый шифер SlateGray,SlateGrey #708090 rgb(112,128,144) Аспидно-серый DarkSlateGray,DarkSlateGrey #2f4f4f rgb(47,79,79) Чёрный Black #000000 rgb(0,0,0) Красные тона
Светло-коралловый 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) Индийский красный IndianRed #cd5c5c rgb(205,92,92) Кирпичный FireBrick #b22222 rgb(178,34,34) Коричнево-бордовый Brown #a52a2a rgb(165,42,42) Тёмно-красный DarkRed #8b0000 rgb(139,0,0) Коричнево-малиновый Maroon #800000 rgb(128,0,0) Оранжевые тона
Цвет морской раковины Seashell #fff5ee rgb(255,245,238) Бежевый Beige #f5f5dc rgb(245,245,220) Старое кружево OldLace #fdf5e6 rgb(253,245,230) Цветочный белый FloralWhite #fffaf0 rgb(255,250,240) Белый антик AntiqueWhite #faebd7 rgb(250,235,215) Льняной Linen #faf0e6 rgb(250,240,230) Очищенный миндаль 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) Красный песок 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) Светлый сомон LightSalmon #ffa07a rgb(255,160,122) Коралловый 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) Жёлтые тона
Цвет пестиков неспелой кукурузы Cornsilk #fff8dc rgb(255,248,220) Слоновая кость Ivory #fffff0 rgb(255,255,240) Светло-жёлтый 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) Жёлтый Yellow #ffff00 rgb(255,255,0) Золотой Gold #ffd700 rgb(255,215,0) Зелёные тона
Медовая роса Honeydew #f0fff0 rgb(240,255,240) Мятно-кремовый MintCream #f5fffa rgb(245,255,250) Зелёно-жёлтый 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) Синие тона
Небесная лазурь Azure #f0ffff rgb(240,255,255) Синяя Элис AliceBlue #f0f8ff rgb(240,248,255) Светлый циан LightCyan #e0ffff rgb(224,255,255) Циан,цвет морской волны Cyan,Aqua #00ffff rgb(0,255,255) Аквамариновый Aquamarine #7fffd4 rgb(127,255,212) Светло-бирюзовый Turquoise #40e0d0 rgb(64,224,208) Умеренно-бирюзовый MediumTurquoise #48d1cc rgb(72,209,204) Тёмно-бирюзовый DarkTurquoise #00ced1 rgb(0,206,209) Бледно-синий PaleTurquoise #afeeee rgb(175,238,238) Пыльный голубой PowderBlue #b0e0e6 rgb(176,224,230) Светлый синий LightBlue #add8e6 rgb(173,216,230) Светлый стальной синий LightSteelBlue #b0c4de rgb(176,196,222) Городское небо 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) Кадетский синий CadetBlue #5f9ea0 rgb(95,158,160) Синяя сталь SteelBlue #4682b4 rgb(70,130,180) Королевский синий 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) Аспидно-синий SlateBlue #6a5acd rgb(106,90,205) Тёмный аспидно-синий DarkSlateBlue #483d8b rgb(72,61,139) Фиолетовые тона
Призрачно-белый GhostWhite #f8f8ff rgb(248,248,255) Лаванда 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) Умеренный фиолетово-красный MediumVioletRed #c71585 rgb(199,21,133) Умеренный цвет орхидеи 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) Розовые тона
Белоснежный Snow #fffafa rgb(255,250,250) Розово-лавандовый LavenderBlush #fff0f5 rgb(255,240,245) Тускло-розовый MistyRose #ffe4e1 rgb(255,228,225) Розовый Pink #ffc0cb rgb(255,192,203) Светло-розовый LightPink #ffb6c1 rgb(255,182,193) Ярко-розовый HotPink #ff69b4 rgb(255,105,180) Глубокий розовый DeepPink #ff1493 rgb(255,20,147) Лиловый PaleVioletRed #db7093 rgb(219,112,147) Розово-коричневый RosyBrown #bc8f8f rgb(188,143,143) Курсы javascript
Как сделать инверсию цвета на обратный? То есть FFFFFF на 000000, FEFEFE на 010101 и так далее. Проблема в том, что цвет может быть задан не только цифрой, но и словом, например:
Как это Blue можно перевести в цифру? Существует ли какой-нибудь простой способ инверсии? Чтобы не заморачиваться на написание огромного кода перевода?
Но особой проблемы нет, регулярные выражения в помощь.
Инверсия осуществляется следующим образом:
var r = "fe", g = "fe", b = "fe"; r = (255 - parseInt(r, 16)).toString(16); g = (255 - parseInt(g, 16)).toString(16); b = (255 - parseInt(b, 16)).toString(16); alert([r,g,b]); // осталось только нолики дописать
Поэтому я и интересуюсь простым способом получить цифру соответствующую цвету.
инверсия цвета — цвет можно из Lime , #00FF00, rgb(0,255,0) или rgb(0%,100%,0%) или #FAE по мотивам http://www.tigir.com/javascript.htm
в zip сжатая inversion(color) inversion.jsfunction getHexRGBColor(a) < a = a.replace(/\s/g, ""); var c = a.match(/^rgb\((\d[%]?),(\d[%]?),(\d[%]?)\)$/i); if (c) < a = ""; for (var b = 1; b else a = a.replace(/^#?([\da-f])([\da-f])([\da-f])$/i, "$1$1$2$2$3$3"); return a >; function nemedColor2Hex(a) < return < aliceblue: "#f0f8ff", antiquewhite: "#faebd7", aqua: "#00ffff", aquamarine: "#7fffd4", azure: "#f0ffff", beige: "#f5f5dc", bisque: "#ffe4c4", black: "#000000", blanchedalmond: "#ffebcd", blue: "#0000ff", blueviolet: "#8a2be2", brown: "#a52a2a", burlywood: "#deb887", cadetblue: "#5f9ea0", chartreuse: "#7fff00", chocolate: "#d2691e", coral: "#ff7f50", cornflowerblue: "#6495ed", cornsilk: "#fff8dc", crimson: "#dc143c", cyan: "#00ffff", darkblue: "#00008b", darkcyan: "#008b8b", darkgoldenrod: "#b8860b", darkgray: "#a9a9a9", darkgreen: "#006400", darkkhaki: "#bdb76b", darkmagenta: "#8b008b", darkolivegreen: "#556b2f", darkorange: "#ff8c00", darkorchid: "#9932cc", darkred: "#8b0000", darksalmon: "#e9967a", darkseagreen: "#8fbc8f", darkslateblue: "#483d8b", darkslategray: "#2f4f4f", darkturquoise: "#00ced1", darkviolet: "#9400d3", deeppink: "#ff1493", deepskyblue: "#00bfff", dimgray: "#696969", dodgerblue: "#1e90ff", feldspar: "#d19275", firebrick: "#b22222", floralwhite: "#fffaf0", forestgreen: "#228b22", fuchsia: "#ff00ff", gainsboro: "#dcdcdc", ghostwhite: "#f8f8ff", gold: "#ffd700", goldenrod: "#daa520", gray: "#808080", green: "#008000", greenyellow: "#adff2f", honeydew: "#f0fff0", hotpink: "#ff69b4", indianred: "#cd5c5c", indigo: "#4b0082", ivory: "#fffff0", khaki: "#f0e68c", lavender: "#e6e6fa", lavenderblush: "#fff0f5", lawngreen: "#7cfc00", lemonchiffon: "#fffacd", lightblue: "#add8e6", lightcoral: "#f08080", lightcyan: "#e0ffff", lightgoldenrodyellow: "#fafad2", lightgrey: "#d3d3d3", lightgreen: "#90ee90", lightpink: "#ffb6c1", lightsalmon: "#ffa07a", lightseagreen: "#20b2aa", lightskyblue: "#87cefa", lightslateblue: "#8470ff", lightslategray: "#778899", lightsteelblue: "#b0c4de", lightyellow: "#ffffe0", lime: "#00ff00", limegreen: "#32cd32", linen: "#faf0e6", magenta: "#ff00ff", maroon: "#800000", mediumaquamarine: "#66cdaa", mediumblue: "#0000cd", mediumorchid: "#ba55d3", mediumpurple: "#9370d8", mediumseagreen: "#3cb371", mediumslateblue: "#7b68ee", mediumspringgreen: "#00fa9a", mediumturquoise: "#48d1cc", mediumvioletred: "#c71585", midnightblue: "#191970", mintcream: "#f5fffa", mistyrose: "#ffe4e1", moccasin: "#ffe4b5", navajowhite: "#ffdead", navy: "#000080", oldlace: "#fdf5e6", olive: "#808000", olivedrab: "#6b8e23", orange: "#ffa500", orangered: "#ff4500", orchid: "#da70d6", palegoldenrod: "#eee8aa", palegreen: "#98fb98", paleturquoise: "#afeeee", palevioletred: "#d87093", papayawhip: "#ffefd5", peachpuff: "#ffdab9", peru: "#cd853f", pink: "#ffc0cb", plum: "#dda0dd", powderblue: "#b0e0e6", purple: "#800080", red: "#ff0000", rosybrown: "#bc8f8f", royalblue: "#4169e1", saddlebrown: "#8b4513", salmon: "#fa8072", sandybrown: "#f4a460", seagreen: "#2e8b57", seashell: "#fff5ee", sienna: "#a0522d", silver: "#c0c0c0", skyblue: "#87ceeb", slateblue: "#6a5acd", slategray: "#708090", snow: "#fffafa", springgreen: "#00ff7f", steelblue: "#4682b4", tan: "#d2b48c", teal: "#008080", thistle: "#d8bfd8", tomato: "#ff6347", turquoise: "#40e0d0", violet: "#ee82ee", violetred: "#d02090", wheat: "#f5deb3", white: "#ffffff", whitesmoke: "#f5f5f5", yellow: "#ffff00", yellowgreen: "#9acd32" >[a.toLowerCase()] || null >; function inversion(a) < a = nemedColor2Hex(a) || a; a = getHexRGBColor(a); a = a.match(/^#?([\dabcdef])([\dabcdef])([\dabcdef])$/i); if (!a) return false; for (var b = 1, c = "#"; b ; alert('#FF0000\n' + inversion('red') + '\n' + inversion('#FF0000')+ '\n' + inversion('#F00')+ '\n' + inversion('F00'));