創建於 07/17/2025 08:27
  6

Cloud-Native DevOps UI Theme

  • Cluster Blue
    #1976d2
  • Pod Gray
    #a0aec0
  • Deployment Cream
    #f9faf9
  • Health Status Green
    #00b894
  • Rollback Red
    #e63946
  • Pipeline Indigo
    #4b3f72
Loading...
調色盤由 光, 半暗 種顏色組成. 強調色 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

Loading...
Loading...