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
  21
創建於 07/17/2025 08:37
作者colorday
調色盤由 淺色, 半暗 種顏色組成. 強調色 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 訊息

顏色HEXRGB名稱備用名稱
#a2d2ff#a2d2ffRGB(162, 210, 255)Sleep Calm Blue—
#5a4e7c#5a4e7cRGB(90, 78, 124)Focus Mode Indigo—
#ff8474#ff8474RGB(255, 132, 116)Break Reminder Coral—
#ffe066#ffe066RGB(255, 224, 102)Daily Goal Yellow—
#ffffff#ffffffRGB(255, 255, 255)Background WhiteWhite
#b9fbc0#b9fbc0RGB(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