創建於 07/11/2025 13:07
Mobile App Dark Theme UI Kit
App Core Black
#121212
Tap State Aqua
#8ee3ef
Overlay Coral
#f67280
Control Button Grey
#e0e0e0
Contrast Label White
#fdfdfd
Highlight Ring Purple
#9d4edd
調色盤由 黑暗的, 光 種顏色組成. 強調色 Tap State Aqua #8ee3ef 和 Overlay Coral #f67280. 調色盤有 中性的, 涼爽的, 溫暖的 色溫.
調色盤 Mobile App Dark Theme UI Kit 具有 6 程式碼顏色的組合:
十六進位: #121212, RGB: (18, 18, 18); 十六進位: #8ee3ef, RGB: (142, 227, 239); 十六進位: #f67280, RGB: (246, 114, 128)
十六進位: #e0e0e0, RGB: (224, 224, 224); 十六進位: #fdfdfd, RGB: (253, 253, 253); 十六進位: #9d4edd, RGB: (157, 78, 221)
調色板顏色的簡化版本
陰影 黑色的, 色調 powderblue, 色調 lightcoral, 陰影 gainsboro, 色調 白色的, 陰影 darkorchid
配色方案是由 palettespicker
調色盤中的顏色代碼
Mobile App Dark Theme UI Kit 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #121212 | #121212 | RGB(18, 18, 18) | App Core Black | Dark Tone Ink |
| #8ee3ef | #8ee3ef | RGB(142, 227, 239) | Tap State Aqua | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Overlay Coral | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Control Button Grey | Gray88 |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Contrast Label White | Brilliance |
| #9d4edd | #9d4edd | RGB(157, 78, 221) | Highlight Ring Purple | — |
色彩調色板對比度
5 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#8ee3ef | #f67280 | 1.88 |
#8ee3ef | #e0e0e0 | 1.1 |
#8ee3ef | #fdfdfd | 1.43 |
#f67280 | #9d4edd | 1.67 |
#e0e0e0 | #fdfdfd | 1.29 |
