Mobile Fintech UI System
- Transaction Green#43a047
- Balance Slate#607d8b
- Limit Red#ef5350
- UI Base Ivory#fefefe
- Touchpoint Blue#2196f3
- Alert Yellow#ffeb3b
創建於 07/07/2025 17:16
調色盤由 淺色 種顏色組成. 強調色 Touchpoint Blue #2196f3 和 Alert Yellow #ffeb3b. 調色盤有 冷色, 暖色, 中性色 色溫.
依亮度,此調色盤由 #607D8B(最深)到 #FEFEFE(最淺)。 亮度範圍中等。
飽和度混合——6 種顏色中有 2 種柔和、3 種鮮明。
部分顏色在色輪上大致相對,為調色盤帶來互補對比。
整體色溫偏冷(6 中有 3)。
HEX 代碼(排序):#2196F3, #43A047, #607D8B, #EF5350, #FEFEFE, #FFEB3B
調色盤 Mobile Fintech UI System 具有 6 程式碼顏色的組合:
HEX: #43a047, RGB: (67, 160, 71); HEX: #607d8b, RGB: (96, 125, 139); HEX: #ef5350, RGB: (239, 83, 80)
HEX: #fefefe, RGB: (254, 254, 254); HEX: #2196f3, RGB: (33, 150, 243); HEX: #ffeb3b, RGB: (255, 235, 59)
調色板顏色的簡化版本
淺色調 森林綠, 暗色調 岩灰色, 淺色調 印度紅, 暗色調 白色, 淺色調 道奇藍, 暗色調 黃色
配色方案是由 colorday
調色盤中的顏色代碼
Mobile Fintech UI System 表中顏色代碼 HEX、RGB 訊息
| 顏色 | HEX | RGB | 名稱 | 備用名稱 |
|---|---|---|---|---|
| #43a047 | #43a047 | RGB(67, 160, 71) | Transaction Green | — |
| #607d8b | #607d8b | RGB(96, 125, 139) | Balance Slate | — |
| #ef5350 | #ef5350 | RGB(239, 83, 80) | Limit Red | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | UI Base Ivory | White as Heaven |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Touchpoint Blue | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Alert Yellow | — |
色彩調色板對比度
7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比度 |
|---|---|---|
#43a047 | #607d8b | 1.32 |
#43a047 | #ef5350 | 1.05 |
#43a047 | #2196f3 | 1.05 |
#607d8b | #ef5350 | 1.25 |
#607d8b | #2196f3 | 1.39 |
#ef5350 | #2196f3 | 1.11 |
圖像調色板 Mobile Fintech UI System png
匯出調色盤
下載 "Mobile Fintech UI System" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
