創建於 07/13/2025 09:29
經過hex
  6

React DevOps Telemetry UI

  • Pipeline Dust
    #d3d3d3
  • Hook Pink
    #f78fb3
  • State Navy
    #35495e
  • Deploy Grey
    #8e8e8e
  • Monitor Blue
    #3d84a8
  • Console Ice
    #f6f8fa
Loading...
調色盤由 光 種顏色組成. 強調色 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 DustPinball
#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

Loading...
Loading...