[{"data":1,"prerenderedAt":193},["ShallowReactive",2],{"navigation_docs":3,"-tips-and-tricks-color-and-selections":127,"-tips-and-tricks-color-and-selections-surround":188},[4,23,91,109],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":22},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction",{"title":15,"path":16,"stem":17},"Download","\u002Fgetting-started\u002Fdownload","1.getting-started\u002F2.download",{"title":19,"path":20,"stem":21},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F3.roadmap",false,{"title":24,"icon":25,"path":26,"stem":27,"children":28,"page":22},"User Guide","i-lucide-book-open","\u002Fuser-guide","2.user-guide",[29,75,79,83,87],{"title":30,"icon":31,"path":32,"stem":33,"children":34,"page":22},"Tools","i-lucide-wrench","\u002Fuser-guide\u002Ftools","2.user-guide\u002F1.tools",[35,39,43,47,51,55,59,63,67,71],{"title":36,"path":37,"stem":38},"Brush","\u002Fuser-guide\u002Ftools\u002Fbrush","2.user-guide\u002F1.tools\u002F1.brush",{"title":40,"path":41,"stem":42},"Crop","\u002Fuser-guide\u002Ftools\u002Fcrop","2.user-guide\u002F1.tools\u002F10.crop",{"title":44,"path":45,"stem":46},"Eraser","\u002Fuser-guide\u002Ftools\u002Feraser","2.user-guide\u002F1.tools\u002F2.eraser",{"title":48,"path":49,"stem":50},"Shapes","\u002Fuser-guide\u002Ftools\u002Fshapes","2.user-guide\u002F1.tools\u002F3.shapes",{"title":52,"path":53,"stem":54},"Selection","\u002Fuser-guide\u002Ftools\u002Fselection","2.user-guide\u002F1.tools\u002F4.selection",{"title":56,"path":57,"stem":58},"Fill","\u002Fuser-guide\u002Ftools\u002Ffill","2.user-guide\u002F1.tools\u002F5.fill",{"title":60,"path":61,"stem":62},"Gradient","\u002Fuser-guide\u002Ftools\u002Fgradient","2.user-guide\u002F1.tools\u002F6.gradient",{"title":64,"path":65,"stem":66},"Color Picker","\u002Fuser-guide\u002Ftools\u002Fcolor-picker","2.user-guide\u002F1.tools\u002F7.color-picker",{"title":68,"path":69,"stem":70},"Text","\u002Fuser-guide\u002Ftools\u002Ftext","2.user-guide\u002F1.tools\u002F8.text",{"title":72,"path":73,"stem":74},"Transform","\u002Fuser-guide\u002Ftools\u002Ftransform","2.user-guide\u002F1.tools\u002F9.transform",{"title":76,"path":77,"stem":78},"Layers & Compositing","\u002Fuser-guide\u002Flayers-and-compositing","2.user-guide\u002F2.layers-and-compositing",{"title":80,"path":81,"stem":82},"Canvas Workflow","\u002Fuser-guide\u002Fcanvas-workflow","2.user-guide\u002F3.canvas-workflow",{"title":84,"path":85,"stem":86},"Documents","\u002Fuser-guide\u002Fdocuments","2.user-guide\u002F4.documents",{"title":88,"path":89,"stem":90},"Troubleshooting","\u002Fuser-guide\u002Ftroubleshooting","2.user-guide\u002F5.troubleshooting",{"title":92,"icon":93,"path":94,"stem":95,"children":96,"page":22},"Tips & Tricks","i-lucide-lightbulb","\u002Ftips-and-tricks","3.tips-and-tricks",[97,101,105],{"title":98,"path":99,"stem":100},"Canvas & Gestures","\u002Ftips-and-tricks\u002Fcanvas-and-gestures","3.tips-and-tricks\u002F1.canvas-and-gestures",{"title":102,"path":103,"stem":104},"Brushes & Strokes","\u002Ftips-and-tricks\u002Fbrushes-and-strokes","3.tips-and-tricks\u002F2.brushes-and-strokes",{"title":106,"path":107,"stem":108},"Color & Selections","\u002Ftips-and-tricks\u002Fcolor-and-selections","3.tips-and-tricks\u002F3.color-and-selections",{"title":110,"icon":111,"path":112,"stem":113,"children":114,"page":22},"Development","i-lucide-code","\u002Fdevelopment","4.development",[115,119,123],{"title":116,"path":117,"stem":118},"Development Overview","\u002Fdevelopment\u002Foverview","4.development\u002F1.overview",{"title":120,"path":121,"stem":122},"AI & LLM Usage","\u002Fdevelopment\u002Fai-and-llm-usage","4.development\u002F2.ai-and-llm-usage",{"title":124,"path":125,"stem":126},"Changelog","\u002Fdevelopment\u002Fchangelog","4.development\u002F3.changelog",{"id":128,"title":106,"body":129,"description":181,"extension":182,"links":183,"meta":184,"navigation":185,"path":107,"seo":186,"stem":108,"__hash__":187},"docs\u002F3.tips-and-tricks\u002F3.color-and-selections.md",{"type":130,"value":131,"toc":177},"minimark",[132,136],[133,134,106],"h1",{"id":135},"color-selections",[137,138,139,147,153,159,165,171],"ul",{},[140,141,142,146],"li",{},[143,144,145],"strong",{},"Pick blended colors."," The color picker samples the composited result, so you\ncan grab the exact on-screen color even where several layers overlap.",[140,148,149,152],{},[143,150,151],{},"Adjust non-destructively."," Reach for an adjustment layer (Hue\u002FSaturation,\nBlur, Stroke) instead of editing pixels - you can retune or remove it any time.",[140,154,155,158],{},[143,156,157],{},"Turn a selection into a mask."," Make a selection, then convert it to a layer\nmask to keep the clip editable rather than one-shot.",[140,160,161,164],{},[143,162,163],{},"Clip work with a selection."," With a selection active, brushing, filling and\nfilters only affect inside it - handy for staying inside tight shapes.",[140,166,167,170],{},[143,168,169],{},"Paint the selection."," The Selection tool's Add, Erase and Blur modes brush\nthe mask directly, which beats stacking marquees for anything organic.",[140,172,173,176],{},[143,174,175],{},"See a soft selection."," Turn on Mask Preview to tint the canvas by coverage;\nthe marching ants alone can't tell a feathered edge from a hard one.",{"title":178,"searchDepth":179,"depth":179,"links":180},"",2,[],"Work non-destructively with color and selections.","md",null,{},true,{"title":106,"description":181},"iMn2YXVjPp0nO19XoNJevPxTROQtphB0Xueb6UnMHGE",[189,191],{"title":102,"path":103,"stem":104,"description":190,"children":-1},"Get cleaner, more expressive strokes.",{"title":116,"path":117,"stem":118,"description":192,"children":-1},"Contributor-facing overview - source and building locally.",1788292909686]