創建於 06/02/2025 10:23
Metro Halo Glow UI
- Halo Blue#9acdff
- Glow Pink#ffb4d0
- Deep Charcoal#1b1e24
- Panel Mist#eceff4
- Sunset Orange UI#ff9367
- Modern Soft White#fdfdfd
- Transit Violet#6b5cff
調色盤由 光, 黑暗的 種顏色組成. 強調色 Halo Blue #9acdff 和 Glow Pink #ffb4d0. 調色盤有 涼爽的, 中性的, 溫暖的 色溫.
依亮度,此調色盤由 #1B1E24(最深)到 #FDFDFD(最淺)。 亮度範圍較寬。
整體飽和度偏鮮明(彩度較高)。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
多數色票讀起來偏中性色溫。
HEX 代碼(排序):#1B1E24, #6B5CFF, #9ACDFF, #ECEFF4, #FDFDFD, #FF9367, #FFB4D0
調色盤 Metro Halo Glow UI 具有 7 程式碼顏色的組合:
十六進位: #9acdff, RGB: (154, 205, 255); 十六進位: #ffb4d0, RGB: (255, 180, 208); 十六進位: #1b1e24, RGB: (27, 30, 36)
十六進位: #eceff4, RGB: (236, 239, 244); 十六進位: #ff9367, RGB: (255, 147, 103); 十六進位: #fdfdfd, RGB: (253, 253, 253)
十六進位: #6b5cff, RGB: (107, 92, 255)
調色板顏色的簡化版本
陰影 lightskyblue, 陰影 lightpink, 陰影 黑色的, 色調 aliceblue, 色調 lightsalmon, 色調 白色的, 色調 mediumslateblue
配色方案是由 colorstudio
調色盤中的顏色代碼
Metro Halo Glow UI 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #9acdff | #9acdff | RGB(154, 205, 255) | Halo Blue | — |
| #ffb4d0 | #ffb4d0 | RGB(255, 180, 208) | Glow Pink | — |
| #1b1e24 | #1b1e24 | RGB(27, 30, 36) | Deep Charcoal | — |
| #eceff4 | #eceff4 | RGB(236, 239, 244) | Panel Mist | — |
| #ff9367 | #ff9367 | RGB(255, 147, 103) | Sunset Orange UI | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Modern Soft White | Brilliance |
| #6b5cff | #6b5cff | RGB(107, 92, 255) | Transit Violet | — |
色彩調色板對比度
9 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#9acdff | #ffb4d0 | 1.01 |
#9acdff | #eceff4 | 1.45 |
#9acdff | #ff9367 | 1.3 |
#9acdff | #fdfdfd | 1.64 |
#ffb4d0 | #eceff4 | 1.43 |
#ffb4d0 | #ff9367 | 1.31 |
圖像調色板 Metro Halo Glow UI PNG
匯出調色盤
下載 "Metro Halo Glow UI" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
