Digital Wellbeing App UI Colors
- Sleep Calm Blue#a2d2ff
- Focus Mode Indigo#5a4e7c
- Break Reminder Coral#ff8474
- Daily Goal Yellow#ffe066
- Background White#ffffff
- Mood Tracker Mint#b9fbc0
創建於 07/17/2025 08:37
調色盤由 淺色, 半暗 種顏色組成. 強調色 Sleep Calm Blue #a2d2ff 和 Daily Goal Yellow #ffe066. 調色盤有 冷色, 暖色, 中性色 色溫.
依亮度,此調色盤由 #5A4E7C(最深)到 #FFFFFF(最淺)。 亮度範圍中等。
整體飽和度偏鮮明(彩度較高)——67% 的顏色偏鮮明。
部分顏色在色輪上大致相對,為調色盤帶來互補對比。
整體色溫偏冷(6 中有 3)。
HEX 代碼(排序):#5A4E7C, #A2D2FF, #B9FBC0, #FF8474, #FFE066, #FFFFFF
調色盤 Digital Wellbeing App UI Colors 具有 6 程式碼顏色的組合:
HEX: #a2d2ff, RGB: (162, 210, 255); HEX: #5a4e7c, RGB: (90, 78, 124); HEX: #ff8474, RGB: (255, 132, 116)
HEX: #ffe066, RGB: (255, 224, 102); HEX: #ffffff, RGB: (255, 255, 255); HEX: #b9fbc0, RGB: (185, 251, 192)
調色板顏色的簡化版本
淺色調 淺天藍色, 淺色調 暗岩藍色, 淺色調 鮭紅色, 淺色調 金色, 白色, 淺色調 淡綠色
配色方案是由 colorday
調色盤中的顏色代碼
Digital Wellbeing App UI Colors 表中顏色代碼 HEX、RGB 訊息
| 顏色 | HEX | RGB | 名稱 | 備用名稱 |
|---|---|---|---|---|
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Sleep Calm Blue | — |
| #5a4e7c | #5a4e7c | RGB(90, 78, 124) | Focus Mode Indigo | — |
| #ff8474 | #ff8474 | RGB(255, 132, 116) | Break Reminder Coral | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Daily Goal Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #b9fbc0 | #b9fbc0 | RGB(185, 251, 192) | Mood Tracker Mint | — |
色彩調色板對比度
8 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比度 |
|---|---|---|
#a2d2ff | #ff8474 | 1.49 |
#a2d2ff | #ffe066 | 1.22 |
#a2d2ff | #ffffff | 1.59 |
#a2d2ff | #b9fbc0 | 1.33 |
#ff8474 | #ffe066 | 1.82 |
#ffe066 | #ffffff | 1.3 |
圖像調色板 Digital Wellbeing App UI Colors png
匯出調色盤
下載 "Digital Wellbeing App UI Colors" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
