Webstudio
webstudio工具产品矢量 SVG / 高清无损 PNG / 交互式画布预览 / 官方色彩提取
标志视效画布
色彩提取
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正
法律合规与合理使用声明
本页收录之标志依据《中华人民共和国著作权法》第二十四条,仅供个人学习、设计参考与研究评估之用。所有权及商标专有权归原权利人所有,严禁任何未经授权的商业牟利及侵权使用。
资源获取与导出
矢量代码片段
<svg xmlns="http://www.w3.org/2000/svg" width="280" height="280" fill="none" viewBox="0 0 280 280"><path fill="url(#a)" fill-rule="evenodd" d="m215.591 212.899 45.872-141.475c3.599-11.092-2.472-23.03-13.541-26.631-11.069-3.601-22.981 2.477-26.575 13.57l-45.872 141.469c-3.599 11.092 2.472 23.03 13.541 26.631 11.069 3.606 22.982-2.472 26.575-13.564Z" clip-rule="evenodd"/><path fill="url(#b)" fill-rule="evenodd" d="m215.591 212.899 45.872-141.475c3.599-11.092-2.472-23.03-13.541-26.631-11.069-3.601-22.981 2.477-26.575 13.57l-45.872 141.469c-3.599 11.092 2.472 23.03 13.541 26.631 11.069 3.606 22.982-2.472 26.575-13.564Z" clip-rule="evenodd"/><path fill="url(#c)" fill-opacity=".8" fill-rule="evenodd" d="m215.591 212.899 45.872-141.475c3.599-11.092-2.472-23.03-13.541-26.631-11.069-3.601-22.981 2.477-26.575 13.57l-45.872 141.469c-3.599 11.092 2.472 23.03 13.541 26.631 11.069 3.606 22.982-2.472 26.575-13.564Z" clip-rule="evenodd"/><path fill="url(#d)" fill-rule="evenodd" d="m215.591 212.899 45.872-141.475c3.599-11.092-2.472-23.03-13.541-26.631-11.069-3.601-22.981 2.477-26.575 13.57l-45.872 141.469c-3.599 11.092 2.472 23.03 13.541 26.631 11.069 3.606 22.982-2.472 26.575-13.564Z" clip-rule="evenodd"/><path fill="url(#e)" fill-rule="evenodd" d="m215.591 212.899 45.872-141.475c3.599-11.092-2.472-23.03-13.541-26.631-11.069-3.601-22.981 2.477-26.575 13.57l-45.872 141.469c-3.599 11.092 2.472 23.03 13.541 26.631 11.069 3.606 22.982-2.472 26.575-13.564Z" clip-rule="evenodd"/><path fill="url(#f)" fill-rule="evenodd" d="m215.591 212.899 45.872-141.475c3.599-11.092-2.472-23.03-13.541-26.631-11.069-3.601-22.981 2.477-26.575 13.57l-45.872 141.469c-3.599 11.092 2.472 23.03 13.541 26.631 11.069 3.606 22.982-2.472 26.575-13.564Z" clip-rule="evenodd"/><path fill="#E63CFE" fill-rule="evenodd" d="M139.994 129.046c5.206 0 9.045 3.055 12.318 6.886 3.637 4.265 6.541 9.552 9.008 15.165 11.091 25.196 13.168 56.718 13.168 56.718.795 11.638 10.871 20.435 22.485 19.637 11.613-.797 20.391-10.899 19.596-22.532 0 0-2.787-39.371-16.654-70.882-11.892-27.021-32.027-47.263-59.916-47.263-27.888 0-48.024 20.242-59.915 47.263C66.212 165.549 63.43 204.92 63.43 204.92c-.796 11.638 7.983 21.735 19.596 22.532 11.614.798 21.69-7.999 22.485-19.637 0 0 2.077-31.516 13.167-56.718 2.467-5.608 5.372-10.9 9.008-15.165 3.268-3.831 7.107-6.886 12.308-6.886Z" clip-rule="evenodd"/><path fill="url(#g)" fill-rule="evenodd" d="M139.994 129.046c5.206 0 9.045 3.055 12.318 6.886 3.637 4.265 6.541 9.552 9.008 15.165 11.091 25.196 13.168 56.718 13.168 56.718.795 11.638 10.871 20.435 22.485 19.637 11.613-.797 20.391-10.899 19.596-22.532 0 0-2.787-39.371-16.654-70.882-11.892-27.021-32.027-47.263-59.916-47.263-27.888 0-48.024 20.242-59.915 47.263C66.212 165.549 63.43 204.92 63.43 204.92c-.796 11.638 7.983 21.735 19.596 22.532 11.614.798 21.69-7.999 22.485-19.637 0 0 2.077-31.516 13.167-56.718 2.467-5.608 5.372-10.9 9.008-15.165 3.268-3.831 7.107-6.886 12.308-6.886Z" clip-rule="evenodd"/><path fill="url(#h)" fill-rule="evenodd" d="M139.994 129.046c5.206 0 9.045 3.055 12.318 6.886 3.637 4.265 6.541 9.552 9.008 15.165 11.091 25.196 13.168 56.718 13.168 56.718.795 11.638 10.871 20.435 22.485 19.637 11.613-.797 20.391-10.899 19.596-22.532 0 0-2.787-39.371-16.654-70.882-11.892-27.021-32.027-47.263-59.916-47.263-27.888 0-48.024 20.242-59.915 47.263C66.212 165.549 63.43 204.92 63.43 204.92c-.796 11.638 7.983 21.735 19.596 22.532 11.614.798 21.69-7.999 22.485-19.637 0 0 2.077-31.516 13.167-56.718 2.467-5.608 5.372-10.9 9.008-15.165 3.268-3.831 7.107-6.886 12.308-6.886Z" clip-rule="evenodd"/><path fill="url(#i)" fill-rule="evenodd" d="M139.994 129.046c5.206 0 9.045 3.055 12.318 6.886 3.637 4.265 6.541 9.552 9.008 15.165 11.091 25.196 13.168 56.718 13.168 56.718.795 11.638 10.871 20.435 22.485 19.637 11.613-.797 20.391-10.899 19.596-22.532 0 0-2.787-39.371-16.654-70.882-11.892-27.021-32.027-47.263-59.916-47.263-27.888 0-48.024 20.242-59.915 47.263C66.212 165.549 63.43 204.92 63.43 204.92c-.796 11.638 7.983 21.735 19.596 22.532 11.614.798 21.69-7.999 22.485-19.637 0 0 2.077-31.516 13.167-56.718 2.467-5.608 5.372-10.9 9.008-15.165 3.268-3.831 7.107-6.886 12.308-6.886Z" clip-rule="evenodd"/><path fill="url(#j)" fill-rule="evenodd" d="M139.994 129.046c5.206 0 9.045 3.055 12.318 6.886 3.637 4.265 6.541 9.552 9.008 15.165 11.091 25.196 13.168 56.718 13.168 56.718.795 11.638 10.871 20.435 22.485 19.637 11.613-.797 20.391-10.899 19.596-22.532 0 0-2.787-39.371-16.654-70.882-11.892-27.021-32.027-47.263-59.916-47.263-27.888 0-48.024 20.242-59.915 47.263C66.212 165.549 63.43 204.92 63.43 204.92c-.796 11.638 7.983 21.735 19.596 22.532 11.614.798 21.69-7.999 22.485-19.637 0 0 2.077-31.516 13.167-56.718 2.467-5.608 5.372-10.9 9.008-15.165 3.268-3.831 7.107-6.886 12.308-6.886Z" clip-rule="evenodd"/><path fill="url(#k)" fill-rule="evenodd" d="M139.994 129.046c5.206 0 9.045 3.055 12.318 6.886 3.637 4.265 6.541 9.552 9.008 15.165 11.091 25.196 13.168 56.718 13.168 56.718.795 11.638 10.871 20.435 22.485 19.637 11.613-.797 20.391-10.899 19.596-22.532 0 0-2.787-39.371-16.654-70.882-11.892-27.021-32.027-47.263-59.916-47.263-27.888 0-48.024 20.242-59.915 47.263C66.212 165.549 63.43 204.92 63.43 204.92c-.796 11.638 7.983 21.735 19.596 22.532 11.614.798 21.69-7.999 22.485-19.637 0 0 2.077-31.516 13.167-56.718 2.467-5.608 5.372-10.9 9.008-15.165 3.268-3.831 7.107-6.886 12.308-6.886Z" clip-rule="evenodd"/><path fill="url(#l)" fill-rule="evenodd" d="M139.994 129.046c5.206 0 9.045 3.055 12.318 6.886 3.637 4.265 6.541 9.552 9.008 15.165 11.091 25.196 13.168 56.718 13.168 56.718.795 11.638 10.871 20.435 22.485 19.637 11.613-.797 20.391-10.899 19.596-22.532 0 0-2.787-39.371-16.654-70.882-11.892-27.021-32.027-47.263-59.916-47.263-27.888 0-48.024 20.242-59.915 47.263C66.212 165.549 63.43 204.92 63.43 204.92c-.796 11.638 7.983 21.735 19.596 22.532 11.614.798 21.69-7.999 22.485-19.637 0 0 2.077-31.516 13.167-56.718 2.467-5.608 5.372-10.9 9.008-15.165 3.268-3.831 7.107-6.886 12.308-6.886Z" clip-rule="evenodd"/><path fill="url(#m)" fill-rule="evenodd" d="M139.994 129.046c5.206 0 9.045 3.055 12.318 6.886 3.637 4.265 6.541 9.552 9.008 15.165 11.091 25.196 13.168 56.718 13.168 56.718.795 11.638 10.871 20.435 22.485 19.637 11.613-.797 20.391-10.899 19.596-22.532 0 0-2.787-39.371-16.654-70.882-11.892-27.021-32.027-47.263-59.916-47.263-27.888 0-48.024 20.242-59.915 47.263C66.212 165.549 63.43 204.92 63.43 204.92c-.796 11.638 7.983 21.735 19.596 22.532 11.614.798 21.69-7.999 22.485-19.637 0 0 2.077-31.516 13.167-56.718 2.467-5.608 5.372-10.9 9.008-15.165 3.268-3.831 7.107-6.886 12.308-6.886Z" clip-rule="evenodd"/><path fill="url(#n)" fill-rule="evenodd" d="M139.994 129.046c5.206 0 9.045 3.055 12.318 6.886 3.637 4.265 6.541 9.552 9.008 15.165 11.091 25.196 13.168 56.718 13.168 56.718.795 11.638 10.871 20.435 22.485 19.637 11.613-.797 20.391-10.899 19.596-22.532 0 0-2.787-39.371-16.654-70.882-11.892-27.021-32.027-47.263-59.916-47.263-27.888 0-48.024 20.242-59.915 47.263C66.212 165.549 63.43 204.92 63.43 204.92c-.796 11.638 7.983 21.735 19.596 22.532 11.614.798 21.69-7.999 22.485-19.637 0 0 2.077-31.516 13.167-56.718 2.467-5.608 5.372-10.9 9.008-15.165 3.268-3.831 7.107-6.886 12.308-6.886Z" clip-rule="evenodd"/><path fill="url(#o)" fill-rule="evenodd" d="M104.525 199.832 58.653 58.357c-3.593-11.092-15.5-17.176-26.575-13.57-11.069 3.607-17.14 15.54-13.541 26.631l45.872 141.475c3.599 11.092 15.506 17.176 26.575 13.57 11.069-3.607 17.14-15.539 13.541-26.631Z" clip-rule="evenodd"/><path fill="url(#p)" fill-rule="evenodd" d="M104.525 199.832 58.653 58.357c-3.593-11.092-15.5-17.176-26.575-13.57-11.069 3.607-17.14 15.54-13.541 26.631l45.872 141.475c3.599 11.092 15.506 17.176 26.575 13.57 11.069-3.607 17.14-15.539 13.541-26.631Z" clip-rule="evenodd"/><path fill="url(#q)" fill-rule="evenodd" d="M104.525 199.832 58.653 58.357c-3.593-11.092-15.5-17.176-26.575-13.57-11.069 3.607-17.14 15.54-13.541 26.631l45.872 141.475c3.599 11.092 15.506 17.176 26.575 13.57 11.069-3.607 17.14-15.539 13.541-26.631Z" clip-rule="evenodd"/><path fill="url(#r)" fill-rule="evenodd" d="M104.525 199.832 58.653 58.357c-3.593-11.092-15.5-17.176-26.575-13.57-11.069 3.607-17.14 15.54-13.541 26.631l45.872 141.475c3.599 11.092 15.506 17.176 26.575 13.57 11.069-3.607 17.14-15.539 13.541-26.631Z" clip-rule="evenodd"/><path fill="url(#s)" fill-rule="evenodd" d="M104.525 199.832 58.653 58.357c-3.593-11.092-15.5-17.176-26.575-13.57-11.069 3.607-17.14 15.54-13.541 26.631l45.872 141.475c3.599 11.092 15.506 17.176 26.575 13.57 11.069-3.607 17.14-15.539 13.541-26.631Z" clip-rule="evenodd"/><defs><radialGradient id="d" cx="0" cy="0" r="1" gradientTransform="rotate(-64.165 224.72 -77.546) scale(127.494 127.493)" gradientUnits="userSpaceOnUse"><stop offset=".832" stop-color="#4A4EFA" stop-opacity="0"/><stop offset="1" stop-color="#4A4EFA" stop-opacity=".75"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientTransform="matrix(28.4242 0 0 60.7891 194.115 150.092)" gradientUnits="userSpaceOnUse"><stop offset=".169" stop-color="#11417A"/><stop offset=".926" stop-color="#4069D4" stop-opacity="0"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="matrix(0 -94.017 45.0586 0 227.016 227.502)" gradientUnits="userSpaceOnUse"><stop offset=".349" stop-color="#E63CFE"/><stop offset="1" stop-color="#E63CFE" stop-opacity="0"/></radialGradient><radialGradient id="g" cx="0" cy="0" r="1" gradientTransform="rotate(-85.767 153.091 8.966) scale(96.8652 86.0088)" gradientUnits="userSpaceOnUse"><stop stop-color="#39FBBB" stop-opacity=".5"/><stop offset=".689" stop-color="#39FBBB"/><stop offset="1" stop-color="#39FBBB" stop-opacity="0"/></radialGradient><radialGradient id="h" cx="0" cy="0" r="1" gradientTransform="rotate(-122.629 194.39 33.656) scale(232.221 56.4955)" gradientUnits="userSpaceOnUse"><stop stop-color="#E63CFE"/><stop offset="1" stop-color="#E63CFE" stop-opacity="0"/></radialGradient><radialGradient id="i" cx="0" cy="0" r="1" gradientTransform="matrix(9.07118 -104.10052 89.54697 7.803 136.7 190.875)" gradientUnits="userSpaceOnUse"><stop offset=".557" stop-color="#4A4EFA"/><stop offset=".935" stop-color="#4A4EFA" stop-opacity="0"/></radialGradient><radialGradient id="j" cx="0" cy="0" r="1" gradientTransform="rotate(-68.637 217.157 31.878) scale(109.126 65.1232)" gradientUnits="userSpaceOnUse"><stop offset=".613" stop-color="#E63CFE"/><stop offset="1" stop-color="#E63CFE" stop-opacity="0"/></radialGradient><radialGradient id="k" cx="0" cy="0" r="1" gradientTransform="matrix(-135.20026 8.90178 -22.50395 -341.78995 213.95 148.6)" gradientUnits="userSpaceOnUse"><stop offset=".814" stop-color="#4A98D0" stop-opacity="0"/><stop offset=".973" stop-color="#11417A"/></radialGradient><radialGradient id="l" cx="0" cy="0" r="1" gradientTransform="matrix(0 -97.1075 80.5718 0 100.227 227.502)" gradientUnits="userSpaceOnUse"><stop offset=".458" stop-color="#FFAE3C"/><stop offset="1" stop-color="#FFAE3C" stop-opacity="0"/></radialGradient><radialGradient id="m" cx="0" cy="0" r="1" gradientTransform="matrix(0 -87.529 87.528 0 217.978 227.502)" gradientUnits="userSpaceOnUse"><stop offset=".192" stop-color="#E63CFE"/><stop offset="1" stop-color="#E63CFE" stop-opacity="0"/></radialGradient><radialGradient id="n" cx="0" cy="0" r="1" gradientTransform="matrix(0 -65.8652 31.287 0 166.628 227.502)" gradientUnits="userSpaceOnUse"><stop offset=".174" stop-color="#FFAE3C"/><stop offset="1" stop-color="#FFAE3C" stop-opacity="0"/></radialGradient><radialGradient id="p" cx="0" cy="0" r="1" gradientTransform="rotate(161.042 21.048 54.862) scale(29.5497 144.294)" gradientUnits="userSpaceOnUse"><stop offset=".12" stop-color="#4A4EFA"/><stop offset="1" stop-color="#4A4EFA" stop-opacity="0"/></radialGradient><radialGradient id="r" cx="0" cy="0" r="1" gradientTransform="matrix(0 -94.9397 103.714 0 105.562 227.502)" gradientUnits="userSpaceOnUse"><stop offset=".465" stop-color="#FFAE3C"/><stop offset=".926" stop-color="#FFAE3C" stop-opacity="0"/></radialGradient><radialGradient id="s" cx="0" cy="0" r="1" gradientTransform="matrix(0 -207.732 207.73 0 105.562 227.502)" gradientUnits="userSpaceOnUse"><stop offset=".844" stop-color="#E63CFE" stop-opacity="0"/><stop offset="1" stop-color="#E63CFE"/></radialGradient><linearGradient id="a" x1="285.998" x2="217.306" y1="-2.595" y2="219.523" gradientUnits="userSpaceOnUse"><stop stop-color="#4A4EFA"/><stop offset=".549" stop-color="#E63CFE"/></linearGradient><linearGradient id="b" x1="199.725" x2="238.638" y1="125.449" y2="138.045" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#4A4EFA"/><stop offset=".946" stop-color="#4A4EFA" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="205.622" x2="230.072" y1="106.773" y2="114.593" gradientUnits="userSpaceOnUse"><stop stop-color="#39FBBB"/><stop offset="1" stop-color="#39FBBB" stop-opacity="0"/></linearGradient><linearGradient id="o" x1="10.293" x2="69.52" y1="52.578" y2="236.841" gradientUnits="userSpaceOnUse"><stop offset=".17" stop-color="#E63CFE"/><stop offset=".709" stop-color="#FFAE3C"/></linearGradient><linearGradient id="q" x1="84.766" x2="76.471" y1="138.7" y2="141.415" gradientUnits="userSpaceOnUse"><stop stop-color="#E63CFE" stop-opacity=".33"/><stop offset="1" stop-color="#E63CFE" stop-opacity="0"/></linearGradient></defs></svg>
设计应用建议
- 使用时请保持等比例缩放,切勿随意拉伸变形
- 标志外围应预留不少于标志高度 20% 的空白保护区
- 在深色背景下建议优先选用反白或官方暗色专版
品牌视觉规范与参数档案
- 品牌实体 / 展示名称
- Webstudio (webstudio)
- 行业分类归属
- 工具产品
- 官方基色 (HEX / RGB)
- #E63CFE(rgb(230, 60, 254))
- 矢量规格与渲染
- SVG 矢量无损 / 1024px PNG
语义索引标签
Webstudiowebstudio未分类brands