Cloud Native UI

  • Native Navy
    #0b3d91
  • Pod Peach
    #ffdab9
  • Service Silver
    #c0c0c0
  • Container Cyan
    #00ffff
  • Load Lime
    #bfff00
  • API Amethyst
    #9966cc
  • Resource Rose
    #ff69b4
  6
創建於 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 PeachPeachpuff
#c0c0c0 #c0c0c0 RGB(192, 192, 192)Service SilverSilver
#00ffff #00ffff RGB(0, 255, 255)Container CyanAqua
#bfff00 #bfff00 RGB(191, 255, 0)Load LimeLimoncello
#9966cc #9966cc RGB(153, 102, 204)API AmethystAmethyst
#ff69b4 #ff69b4 RGB(255, 105, 180)Resource RoseHotpink

色彩調色板對比度

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