跳到主要內容

Keycloak

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

Keycloak Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Keycloak
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#00B8E3rgb(0, 184, 227) · hsl(191, 100%, 45%)
WCAG 亮暗底對比度與向量體積
白底 2.3:1 · 暗底 8.5:1 · 1.7 KB

向量程式碼片段

<svg width="168" height="151" viewBox="0 0 168 151" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.9021 37.3017L43.5057 0.0132763L130.506 0.00193787L151.992 37.6607L152.019 112.993L130.509 150.63L43.5359 150.66L21.6829 112.997L21.9021 37.3017Z" fill="#4D4D4D"/>
<path d="M21.6867 112.986H60.8951L39.3596 75.0361L56.8737 37.3093L21.9059 37.3017L0 75.3422" fill="#EDEDED"/>
<path d="M72.7853 112.986H101.445L126.787 76.049L101.887 37.6645H68.1744L47.8672 74.7564L72.7853 112.986Z" fill="#E0E0E0"/>
<path d="M0 75.3384L21.6867 112.997H60.8989L39.5977 75.4669L0 75.3384Z" fill="#ACACAC"/>
<path d="M48.2792 75.346L72.7891 112.997H101.445L126.39 75.3611L48.2792 75.346Z" fill="#9E9E9E"/>
<path d="M57.9849 75.3649L50.5884 77.5192L43.4905 75.3611L72.4679 25.1317L79.7169 37.6721" fill="#00B8E3"/>
<path d="M79.6867 112.986L72.4755 125.579L53.2265 104.841L43.4755 75.3725V75.3573H57.9811" fill="#33C6E9"/>
<path d="M43.4943 75.3611H43.4792V75.3725L36.2339 87.9279L28.9584 75.4292L36.336 62.6318L57.9849 25.1393H72.4754" fill="#008AAA"/>
<path d="M123.226 112.986H167.114L167.087 37.6607H123.226V112.986Z" fill="#D4D4D4"/>
<path d="M123.226 75.4632V112.993H167.034V75.4632H123.226Z" fill="#919191"/>
<path d="M72.483 125.594H57.9811L36.2339 87.9241L43.4792 75.3762L72.483 125.594Z" fill="#00B8E3"/>
<path d="M130.464 75.3611L101.479 125.583C98.8147 121.667 94.2491 112.997 94.2491 112.997L115.992 75.3536L130.464 75.3611Z" fill="#008AAA"/>
<path d="M115.955 125.583L101.479 125.579L130.468 75.3573L137.709 62.817L144.974 75.4405M130.464 75.3611H115.996L94.2453 37.6683L101.445 25.1431L119.05 47.5252L130.464 75.3611Z" fill="#00B8E3"/>
<path d="M137.709 62.8095V62.8208L130.464 75.3611L101.449 25.1469L115.966 25.1544L137.709 62.8095Z" fill="#33C6E9"/>
</svg>

設計應用建議

  • 保持原生 1.11:1 寬高比(viewBox "0 0 168 151")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成