跳到主要內容

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% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成