創建於 11/09/2025 21:55
Neural Network UI Kit
Cognitive Spectrum Blue
#4567b7
Machine Learning Green
#34c759
Artificial Intelligence Orange
#ff9900
Neural Network Purple
#8e24aa
Data Analysis Yellow
#f7dc6f
Algorithmic Grey
#666666
調色盤由 光 種顏色組成. 強調色 Cognitive Spectrum Blue #4567b7 和 Artificial Intelligence Orange #ff9900. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
依亮度,此調色盤由 #666666(最深)到 #F7DC6F(最淺)。 亮度範圍中等。
整體飽和度偏鮮明(彩度較高)。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏冷。
HEX 代碼(排序):#34C759, #4567B7, #666666, #8E24AA, #F7DC6F, #FF9900
調色盤 Neural Network UI Kit 具有 6 程式碼顏色的組合:
十六進位: #4567b7, RGB: (69, 103, 183); 十六進位: #34c759, RGB: (52, 199, 89); 十六進位: #ff9900, RGB: (255, 153, 0)
十六進位: #8e24aa, RGB: (142, 36, 170); 十六進位: #f7dc6f, RGB: (247, 220, 111); 十六進位: #666666, RGB: (102, 102, 102)
調色板顏色的簡化版本
色調 royalblue, 陰影 limegreen, 色調 橘子, 色調 darkorchid, 色調 卡其色, 色調 dimgrey
配色方案是由 colorstudio
調色盤中的顏色代碼
Neural Network UI Kit 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #4567b7 | #4567b7 | RGB(69, 103, 183) | Cognitive Spectrum Blue | — |
| #34c759 | #34c759 | RGB(52, 199, 89) | Machine Learning Green | — |
| #ff9900 | #ff9900 | RGB(255, 153, 0) | Artificial Intelligence Orange | Vitamin C |
| #8e24aa | #8e24aa | RGB(142, 36, 170) | Neural Network Purple | — |
| #f7dc6f | #f7dc6f | RGB(247, 220, 111) | Data Analysis Yellow | — |
| #666666 | #666666 | RGB(102, 102, 102) | Algorithmic Grey | Squant |
色彩調色板對比度
6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#4567b7 | #8e24aa | 1.29 |
#4567b7 | #666666 | 1.06 |
#34c759 | #ff9900 | 1.03 |
#34c759 | #f7dc6f | 1.63 |
#ff9900 | #f7dc6f | 1.57 |
#8e24aa | #666666 | 1.22 |
圖像調色板 Neural Network UI Kit PNG
匯出調色盤
下載 "Neural Network UI Kit" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
