Mobile Fintech UI System

  • Transaction Green
    #43a047
  • Balance Slate
    #607d8b
  • Limit Red
    #ef5350
  • UI Base Ivory
    #fefefe
  • Touchpoint Blue
    #2196f3
  • Alert Yellow
    #ffeb3b
  6
創建於 07/07/2025 17:16
作者colorday
調色盤由 淺色 種顏色組成. 強調色 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 IvoryWhite 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