跳到主要內容

hCaptcha

hCaptcha 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

hCaptcha Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 256 256
原始碼體積
7.1 KB · 45 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝hCaptcha.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
hCaptcha
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#00D4BFrgb(0, 212, 191) · hsl(174, 100%, 42%)
WCAG 亮暗底對比度與向量體積
白底 1.9:1 · 暗底 10.5:1 · 7.1 KB

向量程式碼片段

<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" width="256" height="256" preserveAspectRatio="xMidYMid"><defs><linearGradient id="a" x1="49.979%" x2="49.979%" y1="-702.201%" y2="97.969%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="b" x1="50%" x2="50%" y1="-602.243%" y2="197.926%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="c" x1="49.979%" x2="49.979%" y1="-602.243%" y2="197.926%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="d" x1="50.021%" x2="50.021%" y1="-502.498%" y2="298.01%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="e" x1="50%" x2="50%" y1="-502.498%" y2="298.01%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="f" x1="49.979%" x2="49.979%" y1="-502.498%" y2="298.01%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="g" x1="50.021%" x2="50.021%" y1="-402.285%" y2="397.884%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="h" x1="50%" x2="50%" y1="-402.285%" y2="397.884%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="i" x1="49.979%" x2="49.979%" y1="-402.285%" y2="397.884%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="j" x1="50.021%" x2="50.021%" y1="-302.328%" y2="497.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="k" x1="50%" x2="50%" y1="-302.328%" y2="497.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="l" x1="49.979%" x2="49.979%" y1="-302.328%" y2="497.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="m" x1="50.021%" x2="50.021%" y1="-202.328%" y2="597.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="n" x1="50%" x2="50%" y1="-202.328%" y2="597.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="o" x1="49.979%" x2="49.979%" y1="-202.328%" y2="597.842%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="p" x1="50%" x2="50%" y1="-102.37%" y2="697.799%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="q" x1="49.979%" x2="49.979%" y1="-102.37%" y2="697.799%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient><linearGradient id="r" x1="49.979%" x2="49.979%" y1="-2.37%" y2="797.799%"><stop offset="0%" stop-color="#00D4BF"/><stop offset="100%" stop-color="#0074BF"/></linearGradient></defs><path fill="url(#a)" d="M160.007 223.993h32.007V256h-32.007z" opacity=".5"/><path fill="url(#a)" d="M128 223.993h32.007V256H128z" opacity=".7"/><path fill="url(#a)" d="M96.007 223.993h32.007V256H96.007z" opacity=".7"/><path fill="url(#a)" d="M64 223.993h32.007V256H64z" opacity=".5"/><path fill="url(#b)" d="M192 192h31.993v32.007H192z" opacity=".7"/><path fill="url(#c)" d="M160.007 192h32.007v32.007h-32.007z" opacity=".8"/><path fill="url(#c)" d="M128 192h32.007v32.007H128z"/><path fill="url(#c)" d="M96.007 192h32.007v32.007H96.007z"/><path fill="url(#c)" d="M64 192h32.007v32.007H64z" opacity=".8"/><path fill="url(#c)" d="M32.007 192h32.007v32.007H32.007z" opacity=".7"/><path fill="url(#d)" d="M223.993 160.007H256V192h-32.007z" opacity=".5"/><path fill="url(#e)" d="M192 160.007h31.993V192H192z" opacity=".8"/><path fill="url(#f)" d="M160.007 160.007h32.007V192h-32.007zM128 160.007h32.007V192H128z"/><path fill="url(#f)" d="M96.007 160.007h32.007V192H96.007zM64 160.007h32.007V192H64z"/><path fill="url(#f)" d="M32.007 160.007h32.007V192H32.007z" opacity=".8"/><path fill="url(#f)" d="M0 160.007h32.007V192H0z" opacity=".5"/><path fill="url(#g)" d="M223.993 128H256v32.007h-32.007z" opacity=".7"/><path fill="url(#h)" d="M192 128h31.993v32.007H192z"/><path fill="url(#i)" d="M160.007 128h32.007v32.007h-32.007zM128 128h32.007v32.007H128z"/><path fill="url(#i)" d="M96.007 128h32.007v32.007H96.007zM64 128h32.007v32.007H64z"/><path fill="url(#i)" d="M32.007 128h32.007v32.007H32.007z"/><path fill="url(#i)" d="M0 128h32.007v32.007H0z" opacity=".7"/><path fill="url(#j)" d="M223.993 96.007H256v32.007h-32.007z" opacity=".7"/><path fill="url(#k)" d="M192 96.007h31.993v32.007H192z"/><path fill="url(#l)" d="M160.007 96.007h32.007v32.007h-32.007zM128 96.007h32.007v32.007H128z"/><path fill="url(#l)" d="M96.007 96.007h32.007v32.007H96.007zM64 96.007h32.007v32.007H64z"/><path fill="url(#l)" d="M32.007 96.007h32.007v32.007H32.007z"/><path fill="url(#l)" d="M0 96.007h32.007v32.007H0z" opacity=".7"/><path fill="url(#m)" d="M223.993 64H256v32.007h-32.007z" opacity=".5"/><path fill="url(#n)" d="M192 64h31.993v32.007H192z" opacity=".8"/><path fill="url(#o)" d="M160.007 64h32.007v32.007h-32.007zM128 64h32.007v32.007H128z"/><path fill="url(#o)" d="M96.007 64h32.007v32.007H96.007zM64 64h32.007v32.007H64z"/><path fill="url(#o)" d="M32.007 64h32.007v32.007H32.007z" opacity=".8"/><path fill="url(#o)" d="M0 64h32.007v32.007H0z" opacity=".5"/><path fill="url(#p)" d="M192 32.007h31.993v32.007H192z" opacity=".7"/><path fill="url(#q)" d="M160.007 32.007h32.007v32.007h-32.007z" opacity=".8"/><path fill="url(#q)" d="M128 32.007h32.007v32.007H128z"/><path fill="url(#q)" d="M96.007 32.007h32.007v32.007H96.007z"/><path fill="url(#q)" d="M64 32.007h32.007v32.007H64z" opacity=".8"/><path fill="url(#q)" d="M32.007 32.007h32.007v32.007H32.007z" opacity=".7"/><path fill="url(#r)" d="M160.007 0h32.007v32.007h-32.007z" opacity=".5"/><path fill="url(#r)" d="M128 0h32.007v32.007H128z" opacity=".7"/><path fill="url(#r)" d="M96.007 0h32.007v32.007H96.007z" opacity=".7"/><path fill="url(#r)" d="M64 0h32.007v32.007H64z" opacity=".5"/><path fill="#FFF" d="m84.25 117.841 8.912-19.951c3.251-5.12 2.818-11.378-.745-14.9a9.13 9.13 0 0 0-1.57-1.26 9.847 9.847 0 0 0-8.223-.934 13.437 13.437 0 0 0-7.409 5.756s-12.19 28.445-16.755 41.285c-4.565 12.841-2.709 36.274 14.778 53.828 18.556 18.557 45.47 22.837 62.605 9.942a10.755 10.755 0 0 0 2.018-1.354l52.825-44.143c2.574-2.154 6.38-6.502 2.953-11.487-3.427-4.984-9.63-1.557-12.19.095l-30.423 22.12a1.354 1.354 0 0 1-1.964-.231 3.738 3.738 0 0 1 .298-4.47l46.636-39.578c4.063-3.63 4.592-8.9 1.354-12.516-3.237-3.616-8.249-3.44-12.299.23l-41.989 32.833a1.87 1.87 0 0 1-2.709-.352 2.587 2.587 0 0 1-.217-3.44l47.557-46.148a9.305 9.305 0 0 0 .474-13.125 8.886 8.886 0 0 0-6.461-2.709 9.481 9.481 0 0 0-6.678 2.71l-48.531 45.578c-1.165 1.165-3.44 0-3.712-1.355-.1-.493.058-1.004.42-1.354L160.4 70.556a9.17 9.17 0 1 0-12.936-12.976l-56.428 62.307c-2.018 2.018-4.998 2.113-6.42.948a2.113 2.113 0 0 1-.366-2.994Z"/></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 256 256")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成