創建於 08/19/2025 17:20
UI Kit Accessibility Hypergrid
- Component Teal#028090
- Text Contrast Black#222222
- Screen White#f9f9f9
- Aria Purple#9d4edd
- Tooltip Yellow#ffd166
- Flow Green#06d6a0
- Wireframe Silver#ced4da
調色盤由 光, 黑暗的 種顏色組成. 強調色 Component Teal #028090 和 Tooltip Yellow #ffd166. 調色盤有 涼爽的, 中性的, 溫暖的 色溫.
依亮度,此調色盤由 #222222(最深)到 #F9F9F9(最淺)。 亮度範圍較寬。
整體飽和度偏鮮明(彩度較高)。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏冷。
HEX 代碼(排序):#028090, #06D6A0, #222222, #9D4EDD, #CED4DA, #F9F9F9, #FFD166
調色盤 UI Kit Accessibility Hypergrid 具有 7 程式碼顏色的組合:
十六進位: #028090, RGB: (2, 128, 144); 十六進位: #222222, RGB: (34, 34, 34); 十六進位: #f9f9f9, RGB: (249, 249, 249)
十六進位: #9d4edd, RGB: (157, 78, 221); 十六進位: #ffd166, RGB: (255, 209, 102); 十六進位: #06d6a0, RGB: (6, 214, 160)
十六進位: #ced4da, RGB: (206, 212, 218)
調色板顏色的簡化版本
陰影 青色, 陰影 黑色的, 陰影 whitesmoke, 陰影 darkorchid, 陰影 gold, 色調 mediumaquamarine, 色調 lightgrey
配色方案是由 colorscheme
調色盤中的顏色代碼
UI Kit Accessibility Hypergrid 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #028090 | #028090 | RGB(2, 128, 144) | Component Teal | — |
| #222222 | #222222 | RGB(34, 34, 34) | Text Contrast Black | Black Out |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Screen White | Doctor |
| #9d4edd | #9d4edd | RGB(157, 78, 221) | Aria Purple | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Tooltip Yellow | — |
| #06d6a0 | #06d6a0 | RGB(6, 214, 160) | Flow Green | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Wireframe Silver | — |
色彩調色板對比度
7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#028090 | #9d4edd | 1.01 |
#f9f9f9 | #ffd166 | 1.36 |
#f9f9f9 | #06d6a0 | 1.79 |
#f9f9f9 | #ced4da | 1.41 |
#ffd166 | #06d6a0 | 1.3 |
#ffd166 | #ced4da | 1.03 |
圖像調色板 UI Kit Accessibility Hypergrid PNG
匯出調色盤
下載 "UI Kit Accessibility Hypergrid" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
