跳到主要内容

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% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成