創建於 07/22/2025 17:03
Microinteraction Mobile Flow Palette
- Tap Orange#ff9b54
- Swipe Blue#6495ed
- Ripple White#ffffff
- Hold Shadow#444444
- Success Mint#cfffb3
- Feedback Rose#ff8fab
調色盤由 光 種顏色組成. 強調色 Swipe Blue #6495ed 和 Success Mint #cfffb3. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.
依亮度,此調色盤由 #444444(最深)到 #FFFFFF(最淺)。 亮度範圍較寬。
整體飽和度偏鮮明(彩度較高)。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏暖。
HEX 代碼(排序):#444444, #6495ED, #CFFFB3, #FF8FAB, #FF9B54, #FFFFFF
調色盤 Microinteraction Mobile Flow Palette 具有 6 程式碼顏色的組合:
十六進位: #ff9b54, RGB: (255, 155, 84); 十六進位: #6495ed, RGB: (100, 149, 237); 十六進位: #ffffff, RGB: (255, 255, 255)
十六進位: #444444, RGB: (68, 68, 68); 十六進位: #cfffb3, RGB: (207, 255, 179); 十六進位: #ff8fab, RGB: (255, 143, 171)
調色板顏色的簡化版本
色調 sandybrown, 白色的, 色調 dimgrey, 陰影 palegreen, 陰影 palevioletred
配色方案是由 hex
調色盤中的顏色代碼
Microinteraction Mobile Flow Palette 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #ff9b54 | #ff9b54 | RGB(255, 155, 84) | Tap Orange | — |
| #6495ed | #6495ed | RGB(100, 149, 237) | Swipe Blue | Guilliman Blue |
| #ffffff | #ffffff | RGB(255, 255, 255) | Ripple White | White |
| #444444 | #444444 | RGB(68, 68, 68) | Hold Shadow | Goshawk Grey |
| #cfffb3 | #cfffb3 | RGB(207, 255, 179) | Success Mint | — |
| #ff8fab | #ff8fab | RGB(255, 143, 171) | Feedback Rose | — |
色彩調色板對比度
6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#ff9b54 | #6495ed | 1.42 |
#ff9b54 | #cfffb3 | 1.84 |
#ff9b54 | #ff8fab | 1.03 |
#6495ed | #ff8fab | 1.38 |
#ffffff | #cfffb3 | 1.12 |
#cfffb3 | #ff8fab | 1.9 |
圖像調色板 Microinteraction Mobile Flow Palette PNG
匯出調色盤
下載 "Microinteraction Mobile Flow Palette" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
