Softwear UI Essentials

  • Cloud Beige
    #f9f4ef
  • Modal Teal
    #94d3ac
  • Form Field Lilac
    #b8a0d9
  • Soft Gray Panel
    #d3d3d3
  • Primary Text Black
    #1a1a1a
  • Confirm Green
    #61b15a
  • Notification Coral
    #f76c5e
  • Header White
    #ffffff
  6
創建於 06/05/2025 08:08
調色盤由 淺色, 深色 種顏色組成. 強調色 Modal Teal #94d3ac 和 Notification Coral #f76c5e. 調色盤有 中性色, 冷色, 暖色 色溫.

依亮度,此調色盤由 #1A1A1A(最深)到 #FFFFFF(最淺)。 亮度範圍較寬。

飽和度混合——8 種顏色中有 3 種柔和、1 種鮮明。

部分顏色在色輪上大致相對,為調色盤帶來互補對比。

整體色溫偏冷(8 中有 3)。

HEX 代碼(排序):#1A1A1A, #61B15A, #94D3AC, #B8A0D9, #D3D3D3, #F76C5E, #F9F4EF, #FFFFFF

調色盤 Softwear UI Essentials 具有 8 程式碼顏色的組合:
HEX: #f9f4ef, RGB: (249, 244, 239); HEX: #94d3ac, RGB: (148, 211, 172); HEX: #b8a0d9, RGB: (184, 160, 217)
HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #61b15a, RGB: (97, 177, 90)
HEX: #f76c5e, RGB: (247, 108, 94); HEX: #ffffff, RGB: (255, 255, 255)
調色板顏色的簡化版本
暗色調 貝殼白, 淺色調 中碧綠色, 暗色調 梅紅色, 淺灰色, 淺色調 黑色, 淺色調 中海綠色, 暗色調 鮭紅色, 白色
配色方案是由 palettespicker

調色盤中的顏色代碼

Softwear UI Essentials 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#f9f4ef#f9f4efRGB(249, 244, 239)Cloud Beige—
#94d3ac#94d3acRGB(148, 211, 172)Modal Teal—
#b8a0d9#b8a0d9RGB(184, 160, 217)Form Field Lilac—
#d3d3d3#d3d3d3RGB(211, 211, 211)Soft Gray PanelLightgray
#1a1a1a#1a1a1aRGB(26, 26, 26)Primary Text BlackGray10
#61b15a#61b15aRGB(97, 177, 90)Confirm Green—
#f76c5e#f76c5eRGB(247, 108, 94)Notification Coral—
#ffffff#ffffffRGB(255, 255, 255)Header WhiteWhite

色彩調色板對比度

15 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#f9f4ef
#94d3ac
1.57
#f9f4ef
#d3d3d3
1.36
#f9f4ef
#ffffff
1.09
#94d3ac
#b8a0d9
1.34
#94d3ac
#d3d3d3
1.15
#94d3ac
#61b15a
1.53

圖像調色板 Softwear UI Essentials png