創建於 12/26/2025 12:27
Mobile App Developer Material UI Palette
Gesture Black
#0b0f19
Interaction Blue
#2563eb
Success Green
#22c55e
Warning Amber
#f59e0b
Error Rose
#e11d48
Surface Paper
#f8fafc
調色盤由 黑暗的, 半暗, 光 種顏色組成. 強調色 Interaction Blue #2563eb 和 Warning Amber #f59e0b. 調色盤有 中性的, 涼爽的, 溫暖的 色溫.
調色盤 Mobile App Developer Material UI Palette 具有 6 程式碼顏色的組合:
十六進位: #0b0f19, RGB: (11, 15, 25); 十六進位: #2563eb, RGB: (37, 99, 235); 十六進位: #22c55e, RGB: (34, 197, 94)
十六進位: #f59e0b, RGB: (245, 158, 11); 十六進位: #e11d48, RGB: (225, 29, 72); 十六進位: #f8fafc, RGB: (248, 250, 252)
調色板顏色的簡化版本
陰影 黑色的, 色調 royalblue, 色調 limegreen, 色調 橘子, 陰影 crimson, 陰影 whitesmoke
配色方案是由 coolor
調色盤中的顏色代碼
Mobile App Developer Material UI Palette 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #0b0f19 | #0b0f19 | RGB(11, 15, 25) | Gesture Black | — |
| #2563eb | #2563eb | RGB(37, 99, 235) | Interaction Blue | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Success Green | — |
| #f59e0b | #f59e0b | RGB(245, 158, 11) | Warning Amber | — |
| #e11d48 | #e11d48 | RGB(225, 29, 72) | Error Rose | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Surface Paper | — |
色彩調色板對比度
2 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#2563eb | #e11d48 | 1.1 |
#22c55e | #f59e0b | 1.06 |
