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