[{"data":1,"prerenderedAt":856},["ShallowReactive",2],{"navigation_docs_ru":3,"-ru-functions-color":131,"-ru-functions-color-surround":853},[4,34,127],{"title":5,"path":6,"stem":7,"children":8,"page":33},"Функции","\u002Fru\u002Ffunctions","ru\u002F100.functions",[9,13,17,21,25,29],{"title":10,"path":11,"stem":12},"color","\u002Fru\u002Ffunctions\u002Fcolor","ru\u002F100.functions\u002F110.color",{"title":14,"path":15,"stem":16},"list","\u002Fru\u002Ffunctions\u002Flist","ru\u002F100.functions\u002F120.list",{"title":18,"path":19,"stem":20},"math","\u002Fru\u002Ffunctions\u002Fmath","ru\u002F100.functions\u002F130.math",{"title":22,"path":23,"stem":24},"responsive","\u002Fru\u002Ffunctions\u002Fresponsive","ru\u002F100.functions\u002F135.responsive",{"title":26,"path":27,"stem":28},"meta","\u002Fru\u002Ffunctions\u002Fmeta","ru\u002F100.functions\u002F140.meta",{"title":30,"path":31,"stem":32},"string","\u002Fru\u002Ffunctions\u002Fstring","ru\u002F100.functions\u002F150.string",false,{"title":35,"path":36,"stem":37,"children":38,"page":33},"Миксины","\u002Fru\u002Fmixins","ru\u002F200.mixins",[39,43,47,51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123],{"title":40,"path":41,"stem":42},"bem-modifiers","\u002Fru\u002Fmixins\u002Fbem-modifiers","ru\u002F200.mixins\u002F210.bem-modifiers",{"title":44,"path":45,"stem":46},"border-radius","\u002Fru\u002Fmixins\u002Fborder-radius","ru\u002F200.mixins\u002F215.border-radius",{"title":48,"path":49,"stem":50},"box","\u002Fru\u002Fmixins\u002Fbox","ru\u002F200.mixins\u002F220.box",{"title":52,"path":53,"stem":54},"br","\u002Fru\u002Fmixins\u002Fbr","ru\u002F200.mixins\u002F225.br",{"title":56,"path":57,"stem":58},"ellipsis","\u002Fru\u002Fmixins\u002Fellipsis","ru\u002F200.mixins\u002F235.ellipsis",{"title":60,"path":61,"stem":62},"font","\u002Fru\u002Fmixins\u002Ffont","ru\u002F200.mixins\u002F240.font",{"title":64,"path":65,"stem":66},"full-size","\u002Fru\u002Fmixins\u002Ffull-size","ru\u002F200.mixins\u002F245.full-size",{"title":68,"path":69,"stem":70},"hidden-element","\u002Fru\u002Fmixins\u002Fhidden-element","ru\u002F200.mixins\u002F250.hidden-element",{"title":72,"path":73,"stem":74},"hide-scrollbar","\u002Fru\u002Fmixins\u002Fhide-scrollbar","ru\u002F200.mixins\u002F251.hide-scrollbar",{"title":76,"path":77,"stem":78},"margin","\u002Fru\u002Fmixins\u002Fmargin","ru\u002F200.mixins\u002F255.margin",{"title":80,"path":81,"stem":82},"padding","\u002Fru\u002Fmixins\u002Fpadding","ru\u002F200.mixins\u002F260.padding",{"title":84,"path":85,"stem":86},"parent-state","\u002Fru\u002Fmixins\u002Fparent-state","ru\u002F200.mixins\u002F265.parent-state",{"title":88,"path":89,"stem":90},"pos","\u002Fru\u002Fmixins\u002Fpos","ru\u002F200.mixins\u002F270.pos",{"title":92,"path":93,"stem":94},"pseudo","\u002Fru\u002Fmixins\u002Fpseudo","ru\u002F200.mixins\u002F275.pseudo",{"title":96,"path":97,"stem":98},"reset-button","\u002Fru\u002Fmixins\u002Freset-button","ru\u002F200.mixins\u002F280.reset-button",{"title":100,"path":101,"stem":102},"reset-input","\u002Fru\u002Fmixins\u002Freset-input","ru\u002F200.mixins\u002F285.reset-input",{"title":104,"path":105,"stem":106},"transform-center","\u002Fru\u002Fmixins\u002Ftransform-center","ru\u002F200.mixins\u002F290.transform-center",{"title":108,"path":109,"stem":110},"triangle","\u002Fru\u002Fmixins\u002Ftriangle","ru\u002F200.mixins\u002F295.triangle",{"title":112,"path":113,"stem":114},"use-fluid-font","\u002Fru\u002Fmixins\u002Fuse-fluid-font","ru\u002F200.mixins\u002F300.use-fluid-font",{"title":116,"path":117,"stem":118},"use-fluid-prop","\u002Fru\u002Fmixins\u002Fuse-fluid-prop","ru\u002F200.mixins\u002F305.use-fluid-prop",{"title":120,"path":121,"stem":122},"use-transition","\u002Fru\u002Fmixins\u002Fuse-transition","ru\u002F200.mixins\u002F310.use-transition",{"title":124,"path":125,"stem":126},"visually-hidden","\u002Fru\u002Fmixins\u002Fvisually-hidden","ru\u002F200.mixins\u002F315.visually-hidden",{"title":128,"path":129,"stem":130},"Переменные","\u002Fru\u002Fvariables","ru\u002F300.variables",{"id":132,"title":10,"body":133,"description":847,"extension":848,"links":849,"meta":850,"navigation":293,"path":11,"seo":851,"stem":12,"__hash__":852},"docs_ru\u002Fru\u002F100.functions\u002F110.color.md",{"type":134,"value":135,"toc":840},"minimark",[136,140,144,150,230,235,245,250,311,314,317,321,376,380,388,392,429,432,435,439,490,494,499,503,540,543,546,550,583,587,593,597,644,730,733,736,740,786,790,795,799,836],[137,138,139],"h2",{"id":139},"hex-to-hsl",[141,142,143],"p",{},"Преобразует HEX-значение цвета в HSL.",[141,145,146],{},[147,148,149],"strong",{},"Параметры:",[151,152,153,172],"table",{},[154,155,156],"thead",{},[157,158,159,163,166,169],"tr",{},[160,161,162],"th",{},"Имя",[160,164,165],{},"Тип",[160,167,168],{},"По умолчанию",[160,170,171],{},"Описание",[173,174,175,198],"tbody",{},[157,176,177,187,192,195],{},[178,179,180,181],"td",{},"$hex ",[182,183,186],"span",{"className":184},[185],"text-red-600","*",[178,188,189],{},[190,191,10],"code",{},[178,193,194],{},"—",[178,196,197],{},"HEX-значение цвета.",[157,199,200,203,207,212],{},[178,201,202],{},"$separator",[178,204,205],{},[190,206,30],{},[178,208,209],{},[190,210,211],{},"comma",[178,213,214,215,217,220,221,220,223,226,227],{},"Разделитель, который будет использован в полученном списке ",[52,216],{},[190,218,219],{},"space"," | ",[190,222,211],{},[190,224,225],{},"slash","| ",[190,228,229],{},"auto",[141,231,232],{},[147,233,234],{},"Возвращаемое значение:",[141,236,237,239,240,244],{},[190,238,14],{}," - Список значений в формате HSL ",[241,242,243],"em",{},"(hue, saturation, lightness)",".",[141,246,247],{},[147,248,249],{},"Пример использования:",[251,252,257],"pre",{"className":253,"code":254,"language":255,"meta":256,"style":256},"language-scss shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@use 'more-sass' as more;\n\n@debug more.hex-to-hsl(#ff0000); \u002F\u002F list: 0deg, 100%, 50%\n","scss","",[190,258,259,288,295],{"__ignoreMap":256},[182,260,263,267,271,275,278,281,285],{"class":261,"line":262},"line",1,[182,264,266],{"class":265},"s7zQu","@use",[182,268,270],{"class":269},"sMK4o"," '",[182,272,274],{"class":273},"sfazB","more-sass",[182,276,277],{"class":269},"'",[182,279,280],{"class":265}," as",[182,282,284],{"class":283},"sTEyZ"," more",[182,286,287],{"class":269},";\n",[182,289,291],{"class":261,"line":290},2,[182,292,294],{"emptyLinePlaceholder":293},true,"\n",[182,296,298,301,304,307],{"class":261,"line":297},3,[182,299,300],{"class":265},"@debug",[182,302,303],{"class":283}," more.hex-to-hsl(#ff0000)",[182,305,306],{"class":269},";",[182,308,310],{"class":309},"sHwdD"," \u002F\u002F list: 0deg, 100%, 50%\n",[137,312,313],{"id":313},"hex-to-rgb",[141,315,316],{},"Преобразует HEX-значение цвета в RGB.",[141,318,319],{},[147,320,149],{},[151,322,323,335],{},[154,324,325],{},[157,326,327,329,331,333],{},[160,328,162],{},[160,330,165],{},[160,332,168],{},[160,334,171],{},[173,336,337,352],{},[157,338,339,344,348,350],{},[178,340,180,341],{},[182,342,186],{"className":343},[185],[178,345,346],{},[190,347,10],{},[178,349,194],{},[178,351,197],{},[157,353,354,356,360,364],{},[178,355,202],{},[178,357,358],{},[190,359,30],{},[178,361,362],{},[190,363,211],{},[178,365,214,366,368,220,370,220,372,226,374],{},[52,367],{},[190,369,219],{},[190,371,211],{},[190,373,225],{},[190,375,229],{},[141,377,378],{},[147,379,234],{},[141,381,382,384,385,244],{},[190,383,14],{}," - Список значений в формате RGB ",[241,386,387],{},"(red, green, blue)",[141,389,390],{},[147,391,249],{},[251,393,395],{"className":253,"code":394,"language":255,"meta":256,"style":256},"@use 'more-sass' as more;\n\n@debug more.hex-to-rgb(#ff0000); \u002F\u002F list: 255, 0, 0\n",[190,396,397,413,417],{"__ignoreMap":256},[182,398,399,401,403,405,407,409,411],{"class":261,"line":262},[182,400,266],{"class":265},[182,402,270],{"class":269},[182,404,274],{"class":273},[182,406,277],{"class":269},[182,408,280],{"class":265},[182,410,284],{"class":283},[182,412,287],{"class":269},[182,414,415],{"class":261,"line":290},[182,416,294],{"emptyLinePlaceholder":293},[182,418,419,421,424,426],{"class":261,"line":297},[182,420,300],{"class":265},[182,422,423],{"class":283}," more.hex-to-rgb(#ff0000)",[182,425,306],{"class":269},[182,427,428],{"class":309}," \u002F\u002F list: 255, 0, 0\n",[137,430,431],{"id":431},"shade",[141,433,434],{},"Затемняет переданный цвет, смешивая его с чёрным.",[141,436,437],{},[147,438,149],{},[151,440,441,453],{},[154,442,443],{},[157,444,445,447,449,451],{},[160,446,162],{},[160,448,165],{},[160,450,168],{},[160,452,171],{},[173,454,455,472],{},[157,456,457,463,467,469],{},[178,458,459,460],{},"$color ",[182,461,186],{"className":462},[185],[178,464,465],{},[190,466,10],{},[178,468,194],{},[178,470,471],{},"Оригинальный цвет.",[157,473,474,477,482,487],{},[178,475,476],{},"$amount",[178,478,479],{},[190,480,481],{},"number",[178,483,484],{},[190,485,486],{},"10",[178,488,489],{},"Доля чёрного цвета в получившемся цвете (%).",[141,491,492],{},[147,493,234],{},[141,495,496,498],{},[190,497,10],{}," - Цвет, полученный в результате смешения оригинального цвета с чёрным.",[141,500,501],{},[147,502,249],{},[251,504,506],{"className":253,"code":505,"language":255,"meta":256,"style":256},"@use 'more-sass' as more;\n\n@debug more.shade(#808080, 45); \u002F\u002F color: #464646\n",[190,507,508,524,528],{"__ignoreMap":256},[182,509,510,512,514,516,518,520,522],{"class":261,"line":262},[182,511,266],{"class":265},[182,513,270],{"class":269},[182,515,274],{"class":273},[182,517,277],{"class":269},[182,519,280],{"class":265},[182,521,284],{"class":283},[182,523,287],{"class":269},[182,525,526],{"class":261,"line":290},[182,527,294],{"emptyLinePlaceholder":293},[182,529,530,532,535,537],{"class":261,"line":297},[182,531,300],{"class":265},[182,533,534],{"class":283}," more.shade(#808080, 45)",[182,536,306],{"class":269},[182,538,539],{"class":309}," \u002F\u002F color: #464646\n",[137,541,542],{"id":542},"social-color",[141,544,545],{},"Получает фирменный цвет определённой социальной сети.",[141,547,548],{},[147,549,149],{},[151,551,552,564],{},[154,553,554],{},[157,555,556,558,560,562],{},[160,557,162],{},[160,559,165],{},[160,561,168],{},[160,563,171],{},[173,565,566],{},[157,567,568,574,578,580],{},[178,569,570,571],{},"$social ",[182,572,186],{"className":573},[185],[178,575,576],{},[190,577,30],{},[178,579,194],{},[178,581,582],{},"Код требуемого ресурса ('vk', 'fb', 'tw', etc.).",[141,584,585],{},[147,586,234],{},[141,588,589,592],{},[190,590,591],{},"?color"," - Фирменный цвет требуемой социальной сети.",[141,594,595],{},[147,596,249],{},[251,598,600],{"className":253,"code":599,"language":255,"meta":256,"style":256},"@use 'more-sass' as more;\n\n@debug more.social-color('vk'); \u002F\u002F color: #4a76a8\n",[190,601,602,618,622],{"__ignoreMap":256},[182,603,604,606,608,610,612,614,616],{"class":261,"line":262},[182,605,266],{"class":265},[182,607,270],{"class":269},[182,609,274],{"class":273},[182,611,277],{"class":269},[182,613,280],{"class":265},[182,615,284],{"class":283},[182,617,287],{"class":269},[182,619,620],{"class":261,"line":290},[182,621,294],{"emptyLinePlaceholder":293},[182,623,624,626,629,631,634,636,639,641],{"class":261,"line":297},[182,625,300],{"class":265},[182,627,628],{"class":283}," more.social-color(",[182,630,277],{"class":269},[182,632,633],{"class":273},"vk",[182,635,277],{"class":269},[182,637,638],{"class":283},")",[182,640,306],{"class":269},[182,642,643],{"class":309}," \u002F\u002F color: #4a76a8\n",[645,646,647,650],"note",{},[141,648,649],{},"Список доступных кодов:",[651,652,653,659,665,671,677,683,689,695,701,707,713,718,724],"ul",{},[654,655,656,658],"li",{},[190,657,633],{}," - ВКонтакте",[654,660,661,664],{},[190,662,663],{},"fb"," - Facebook",[654,666,667,670],{},[190,668,669],{},"ok"," - Однокласники",[654,672,673,676],{},[190,674,675],{},"yt"," - YouTube",[654,678,679,682],{},[190,680,681],{},"tw"," - Twitter",[654,684,685,688],{},[190,686,687],{},"ig"," - Instagram (purple)",[654,690,691,694],{},[190,692,693],{},"ig-gradient"," - Instagram (gradient)",[654,696,697,700],{},[190,698,699],{},"tg"," - Telegram",[654,702,703,706],{},[190,704,705],{},"dr"," - Dribble",[654,708,709,712],{},[190,710,711],{},"be"," - Behance",[654,714,715,717],{},[190,716,654],{}," - Linked In",[654,719,720,723],{},[190,721,722],{},"wa"," - WhatsApp",[654,725,726,729],{},[190,727,728],{},"vb"," - Viber",[137,731,732],{"id":732},"tint",[141,734,735],{},"Осветляет переданный цвет, смешивая его с белым.",[141,737,738],{},[147,739,149],{},[151,741,742,754],{},[154,743,744],{},[157,745,746,748,750,752],{},[160,747,162],{},[160,749,165],{},[160,751,168],{},[160,753,171],{},[173,755,756,771],{},[157,757,758,763,767,769],{},[178,759,459,760],{},[182,761,186],{"className":762},[185],[178,764,765],{},[190,766,10],{},[178,768,194],{},[178,770,471],{},[157,772,773,775,779,783],{},[178,774,476],{},[178,776,777],{},[190,778,481],{},[178,780,781],{},[190,782,486],{},[178,784,785],{},"Доля белого цвета в получившемся цвете (%).",[141,787,788],{},[147,789,234],{},[141,791,792,794],{},[190,793,10],{}," - Цвет, полученный в результате смешения оригинального цвета с белым.",[141,796,797],{},[147,798,249],{},[251,800,802],{"className":253,"code":801,"language":255,"meta":256,"style":256},"@use 'more-sass' as more;\n\n@debug more.tint(#808080, 45); \u002F\u002F color: #b9b9b9\n",[190,803,804,820,824],{"__ignoreMap":256},[182,805,806,808,810,812,814,816,818],{"class":261,"line":262},[182,807,266],{"class":265},[182,809,270],{"class":269},[182,811,274],{"class":273},[182,813,277],{"class":269},[182,815,280],{"class":265},[182,817,284],{"class":283},[182,819,287],{"class":269},[182,821,822],{"class":261,"line":290},[182,823,294],{"emptyLinePlaceholder":293},[182,825,826,828,831,833],{"class":261,"line":297},[182,827,300],{"class":265},[182,829,830],{"class":283}," more.tint(#808080, 45)",[182,832,306],{"class":269},[182,834,835],{"class":309}," \u002F\u002F color: #b9b9b9\n",[837,838,839],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":256,"searchDepth":290,"depth":290,"links":841},[842,843,844,845,846],{"id":139,"depth":290,"text":139},{"id":313,"depth":290,"text":313},{"id":431,"depth":290,"text":431},{"id":542,"depth":290,"text":542},{"id":732,"depth":290,"text":732},"Категория функций для работы с цветом.","md",null,{},{"title":10,"description":847},"XASfP7RZ1Za429AMlZavjdNXlVRbqC6jqKYyYi_vuWw",[849,854],{"title":14,"path":15,"stem":16,"description":855,"children":-1},"Категория функций для работы со списками значений.",1783604649863]