創建於 07/11/2025 20:52
Mobile Application JS Design Pack
Tap Coral
#ff686b
Swipe Blue
#0077b6
Drag Mint
#b5f8fe
Scroll Grey
#dadada
Alert Yellow
#ffd166
Layout Fog
#edf2f4
Snackbar Black
#212121
調色盤由 光, 半暗, 黑暗的 種顏色組成. 強調色 Swipe Blue #0077b6 和 Alert Yellow #ffd166. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.
調色盤 Mobile Application JS Design Pack 具有 7 程式碼顏色的組合:
十六進位: #ff686b, RGB: (255, 104, 107); 十六進位: #0077b6, RGB: (0, 119, 182); 十六進位: #b5f8fe, RGB: (181, 248, 254)
十六進位: #dadada, RGB: (218, 218, 218); 十六進位: #ffd166, RGB: (255, 209, 102); 十六進位: #edf2f4, RGB: (237, 242, 244)
十六進位: #212121, RGB: (33, 33, 33)
調色板顏色的簡化版本
色調 lightcoral, 色調 steelblue, 陰影 paleturquoise, 色調 gainsboro, 陰影 gold, 色調 aliceblue, 陰影 黑色的
配色方案是由 palettespicker
調色盤中的顏色代碼
Mobile Application JS Design Pack 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #ff686b | #ff686b | RGB(255, 104, 107) | Tap Coral | — |
| #0077b6 | #0077b6 | RGB(0, 119, 182) | Swipe Blue | — |
| #b5f8fe | #b5f8fe | RGB(181, 248, 254) | Drag Mint | — |
| #dadada | #dadada | RGB(218, 218, 218) | Scroll Grey | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Alert Yellow | — |
| #edf2f4 | #edf2f4 | RGB(237, 242, 244) | Layout Fog | — |
| #212121 | #212121 | RGB(33, 33, 33) | Snackbar Black | Lead |
色彩調色板對比度
8 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#ff686b | #0077b6 | 1.72 |
#ff686b | #ffd166 | 1.95 |
#b5f8fe | #dadada | 1.18 |
#b5f8fe | #ffd166 | 1.22 |
#b5f8fe | #edf2f4 | 1.04 |
#dadada | #ffd166 | 1.03 |
