跳到主要内容

PurpleJS

PurpleJS 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

PurpleJS Logo

色彩提取

点击直接复制色值

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 1:1
导出分辨率
1024 × 1024 px
画布视口
0 0 64 64
源码体积
1.9 KB · 9 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装PurpleJS.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
PurpleJS
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#370F50rgb(55, 15, 80) · hsl(277, 68%, 19%)
WCAG 亮暗底对比度与矢量体积
白底 15.6:1 · 暗底 1.3:1 · 1.9 KB

矢量代码片段

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill-rule="evenodd"><path d="M21.758 25.024c1.3-10.31-1.33-23.148-1.33-23.148s10.554 7.107 16.24 15.72 8.384 25.33 8.384 25.33 3.453 12.58 1.268 15.704c-4.598 6.58-9.508-2.446-12.092-3.415C29.706 53.52 17.1 69.228 17.1 58.12c0-1.892 1.098-6.642 2-11.023.53-2.573 1.116-4.938 1.047-6.74-.187-4.87-3.788 7.478-4.84 1.728s5.12-6.5 6.45-17.06z" fill="#360f50"/><path d="M22.545 25.562c1.2-9.73-1.16-22.194-1.16-22.194s9.217 6.22 14.84 14.612 7.803 23.66 7.803 23.66 3.588 13.285 1.576 16.236c-4.235 6.21-8.858-2.91-11.238-3.823-4.165-1.6-16.332 13.712-16.332 3.224 0-2.836 2.94-15.12 2.715-16.788-.53-3.928-3.493 4.9-4.992 1.527s5.817-8.657 6.787-16.454z" fill="#773f9b"/><path d="M44.028 39.33c.555.834.243 2.865.97 3.3 1.815 1.088 3.814 1.746 3.814 0 0-2.733-6.512-11.905-6.512-9.506 0 .96.43 4.255 1.728 6.204z" fill="#370f50"/><path d="M43.06 39.48c1.94 2.917 5.463 4.877 5.023 2.247S41.11 30.56 41.11 32.96c0 .96.653 4.57 1.95 6.52z" fill="#773f9b"/><path d="M16.274 42.807c.48.145 1.495-1.413 2.656-2.602 1.278-1.3 3.73-2.768 3.524-2.02-.092.335-2.568 1.907-3.1 2.415l-2.893 2.92c-.126-.167-1.185-1.018-.177-.714zm27.54-2.123c-.385-1.88-.513-3.534-.323-3.534.1 0 .808 2.75 1.12 4.002.28 1.123.574 2.174.262 2.407s-.063.337-.112.272c-.075-.1-.373-.35-.946-3.146z" fill="#370f50"/><path d="M31.22 28.69c3.145 0 4.824-3.133 4.824-5.532 0-2.175-.825-1.058-3.628-.822-.29.024-5.212-1.577-5.212.822s.872 5.532 4.016 5.532z" fill="#3b7616"/><path d="M31.444 27.66c2.358 0 3.85-1.842 3.85-3.745s-1.492-1.1-3.85-1.1-3.342-.803-3.342 1.1.984 3.745 3.342 3.745z" fill="#a3ffbd"/><ellipse ry=".824" rx=".899" cy="24.721" cx="32.119" fill="#550072"/><path d="M31.9 21.867c3.103.214 4.8-1.484 4.8-1.484s-1.56 3.316-5.118 3.07S25 20.988 25 20.988l6.892.88zM33.002 32.3c-3.103.214-4.102-1.23-4.102-1.23s.543 3 4.102 2.765 3.834-2.466 3.834-2.466-.73.716-3.834.93z" fill="#370f50"/></svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 64 64")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成