Machine Vision Accessible UI Theme

  • Vision Blue
    #42a5f5
  • Neural Teal
    #00acc1
  • Contrast Amber
    #ffb300
  • Panel White
    #ffffff
  • Shadow Graphite
    #424242
  • Debug Rose
    #ec407a
  26
創建於 08/24/2025 17:45
調色盤由 淺色, 半暗 種顏色組成. 強調色 Neural Teal #00acc1 和 Contrast Amber #ffb300. 調色盤有 冷色, 暖色, 中性色 色溫.

依亮度,此調色盤由 #424242(最深)到 #FFFFFF(最淺)。 亮度範圍較寬。

整體飽和度偏鮮明(彩度較高)——67% 的顏色偏鮮明。

部分顏色在色輪上大致相對,為調色盤帶來互補對比。

冷暖色票大致平衡(2 暖、2 冷)。

HEX 代碼(排序):#00ACC1, #424242, #42A5F5, #EC407A, #FFB300, #FFFFFF

調色盤 Machine Vision Accessible UI Theme 具有 6 程式碼顏色的組合:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #00acc1, RGB: (0, 172, 193); HEX: #ffb300, RGB: (255, 179, 0)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #424242, RGB: (66, 66, 66); HEX: #ec407a, RGB: (236, 64, 122)
調色板顏色的簡化版本
淺色調 道奇藍, 暗色調 軍校藍, 淺色調 橙色, 白色, 暗色調 暗岩灰色, 淺色調 深粉紅色
配色方案是由 palettespicker

調色盤中的顏色代碼

Machine Vision Accessible UI Theme 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#42a5f5#42a5f5RGB(66, 165, 245)Vision Blue—
#00acc1#00acc1RGB(0, 172, 193)Neural Teal—
#ffb300#ffb300RGB(255, 179, 0)Contrast AmberUCLA Gold
#ffffff#ffffffRGB(255, 255, 255)Panel WhiteWhite
#424242#424242RGB(66, 66, 66)Shadow GraphiteBlack Panther
#ec407a#ec407aRGB(236, 64, 122)Debug Rose—

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#42a5f5
#00acc1
1.03
#42a5f5
#ffb300
1.47
#42a5f5
#ec407a
1.42
#00acc1
#ffb300
1.52
#00acc1
#ec407a
1.37
#ffb300
#ffffff
1.79

圖像調色板 Machine Vision Accessible UI Theme png