創建於 07/17/2025 08:27
Cloud-Native DevOps UI Theme
- Cluster Blue#1976d2
- Pod Gray#a0aec0
- Deployment Cream#f9faf9
- Health Status Green#00b894
- Rollback Red#e63946
- Pipeline Indigo#4b3f72
調色盤由 光, 半暗 種顏色組成. 強調色 Health Status Green #00b894 和 Rollback Red #e63946. 調色盤有 涼爽的, 中性的, 溫暖的 色溫.
依亮度,此調色盤由 #4B3F72(最深)到 #F9FAF9(最淺)。 亮度範圍較寬。
飽和度混合——有柔色也有較鮮明的重點色。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏冷。
HEX 代碼(排序):#00B894, #1976D2, #4B3F72, #A0AEC0, #E63946, #F9FAF9
調色盤 Cloud-Native DevOps UI Theme 具有 6 程式碼顏色的組合:
十六進位: #1976d2, RGB: (25, 118, 210); 十六進位: #a0aec0, RGB: (160, 174, 192); 十六進位: #f9faf9, RGB: (249, 250, 249)
十六進位: #00b894, RGB: (0, 184, 148); 十六進位: #e63946, RGB: (230, 57, 70); 十六進位: #4b3f72, RGB: (75, 63, 114)
調色板顏色的簡化版本
色調 steelblue, 色調 lightsteelblue, 陰影 whitesmoke, 色調 mediumaquamarine, 陰影 crimson, 色調 darkslateblue
配色方案是由 colorhunt
調色盤中的顏色代碼
Cloud-Native DevOps UI Theme 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #1976d2 | #1976d2 | RGB(25, 118, 210) | Cluster Blue | — |
| #a0aec0 | #a0aec0 | RGB(160, 174, 192) | Pod Gray | — |
| #f9faf9 | #f9faf9 | RGB(249, 250, 249) | Deployment Cream | — |
| #00b894 | #00b894 | RGB(0, 184, 148) | Health Status Green | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Rollback Red | — |
| #4b3f72 | #4b3f72 | RGB(75, 63, 114) | Pipeline Indigo | — |
色彩調色板對比度
5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#1976d2 | #00b894 | 1.81 |
#1976d2 | #e63946 | 1.1 |
#a0aec0 | #00b894 | 1.12 |
#a0aec0 | #e63946 | 1.84 |
#00b894 | #e63946 | 1.64 |
圖像調色板 Cloud-Native DevOps UI Theme PNG
匯出調色盤
下載 "Cloud-Native DevOps UI Theme" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
