Cloud Native UI
- Native Navy#0b3d91
- Pod Peach#ffdab9
- Service Silver#c0c0c0
- Container Cyan#00ffff
- Load Lime#bfff00
- API Amethyst#9966cc
- Resource Rose#ff69b4
創建於 03/04/2026 10:08
調色盤由 半暗, 淺色 種顏色組成. 強調色 Pod Peach #ffdab9 和 Container Cyan #00ffff. 調色盤有 冷色, 暖色, 中性色 色溫.
依亮度,此調色盤由 #0B3D91(最深)到 #BFFF00(最淺)。 亮度範圍中等。
整體飽和度偏鮮明(彩度較高)——71% 的顏色偏鮮明。
部分顏色在色輪上大致相對,為調色盤帶來互補對比。
整體色溫偏冷(7 中有 4)。
HEX 代碼(排序):#00FFFF, #0B3D91, #9966CC, #BFFF00, #C0C0C0, #FF69B4, #FFDAB9
調色盤 Cloud Native UI 具有 7 程式碼顏色的組合:
HEX: #0b3d91, RGB: (11, 61, 145); HEX: #ffdab9, RGB: (255, 218, 185); HEX: #c0c0c0, RGB: (192, 192, 192)
HEX: #00ffff, RGB: (0, 255, 255); HEX: #bfff00, RGB: (191, 255, 0); HEX: #9966cc, RGB: (153, 102, 204)
HEX: #ff69b4, RGB: (255, 105, 180)
調色板顏色的簡化版本
暗色調 暗岩藍色, 桃色, 銀色, 青色, 淺色調 綠黃色, 暗色調 中紫色, 亮粉紅色
配色方案是由 palettespicker
調色盤中的顏色代碼
Cloud Native UI 表中顏色代碼 HEX、RGB 訊息
| 顏色 | HEX | RGB | 名稱 | 備用名稱 |
|---|---|---|---|---|
| #0b3d91 | #0b3d91 | RGB(11, 61, 145) | Native Navy | — |
| #ffdab9 | #ffdab9 | RGB(255, 218, 185) | Pod Peach | Peachpuff |
| #c0c0c0 | #c0c0c0 | RGB(192, 192, 192) | Service Silver | Silver |
| #00ffff | #00ffff | RGB(0, 255, 255) | Container Cyan | Aqua |
| #bfff00 | #bfff00 | RGB(191, 255, 0) | Load Lime | Limoncello |
| #9966cc | #9966cc | RGB(153, 102, 204) | API Amethyst | Amethyst |
| #ff69b4 | #ff69b4 | RGB(255, 105, 180) | Resource Rose | Hotpink |
色彩調色板對比度
8 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比度 |
|---|---|---|
#ffdab9 | #c0c0c0 | 1.38 |
#ffdab9 | #00ffff | 1.04 |
#ffdab9 | #bfff00 | 1.09 |
#c0c0c0 | #00ffff | 1.45 |
#c0c0c0 | #bfff00 | 1.51 |
#c0c0c0 | #ff69b4 | 1.45 |
圖像調色板 Cloud Native UI png
匯出調色盤
下載 "Cloud Native UI" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
