創建於 07/13/2025 09:29
React DevOps Telemetry UI
- Pipeline Dust#d3d3d3
- Hook Pink#f78fb3
- State Navy#35495e
- Deploy Grey#8e8e8e
- Monitor Blue#3d84a8
- Console Ice#f6f8fa
調色盤由 光 種顏色組成. 強調色 Hook Pink #f78fb3 和 Monitor Blue #3d84a8. 調色盤有 中性的, 溫暖的, 涼爽的 色溫.
依亮度,此調色盤由 #35495E(最深)到 #F6F8FA(最淺)。 亮度範圍較寬。
飽和度混合——有柔色也有較鮮明的重點色。
色相在色輪上分佈較廣——較多元的調色盤(啟發式)。
整體色溫偏冷。
HEX 代碼(排序):#35495E, #3D84A8, #8E8E8E, #D3D3D3, #F6F8FA, #F78FB3
調色盤 React DevOps Telemetry UI 具有 6 程式碼顏色的組合:
十六進位: #d3d3d3, RGB: (211, 211, 211); 十六進位: #f78fb3, RGB: (247, 143, 179); 十六進位: #35495e, RGB: (53, 73, 94)
十六進位: #8e8e8e, RGB: (142, 142, 142); 十六進位: #3d84a8, RGB: (61, 132, 168); 十六進位: #f6f8fa, RGB: (246, 248, 250)
調色板顏色的簡化版本
陰影 palevioletred, 色調 darkslateblue, 陰影 灰色的, 色調 steelblue, 陰影 whitesmoke
配色方案是由 hex
調色盤中的顏色代碼
React DevOps Telemetry UI 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Pipeline Dust | Pinball |
| #f78fb3 | #f78fb3 | RGB(247, 143, 179) | Hook Pink | — |
| #35495e | #35495e | RGB(53, 73, 94) | State Navy | — |
| #8e8e8e | #8e8e8e | RGB(142, 142, 142) | Deploy Grey | — |
| #3d84a8 | #3d84a8 | RGB(61, 132, 168) | Monitor Blue | — |
| #f6f8fa | #f6f8fa | RGB(246, 248, 250) | Console Ice | — |
色彩調色板對比度
5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#d3d3d3 | #f78fb3 | 1.47 |
#d3d3d3 | #f6f8fa | 1.4 |
#f78fb3 | #8e8e8e | 1.48 |
#f78fb3 | #3d84a8 | 1.88 |
#8e8e8e | #3d84a8 | 1.26 |
圖像調色板 React DevOps Telemetry UI PNG
匯出調色盤
下載 "React DevOps Telemetry UI" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
