Interface ux web app

  • #31b4fb
  • #9474fc
  • #37286b
  • #68749c
  • #ced2a7
  • #443c44
  0.24k
創建於 10/09/2020 11:34
調色盤由 淺色, 深色, 半暗 種顏色組成. 強調色 #31b4fb 和 #ced2a7. 調色盤有 冷色, 暖色, 中性色 色溫.

依亮度,此調色盤由 #37286B(最深)到 #CED2A7(最淺)。 亮度範圍中等。

飽和度混合——6 種顏色中有 2 種柔和、2 種鮮明。

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

整體色溫偏冷(6 中有 4)。

HEX 代碼(排序):#31B4FB, #37286B, #443C44, #68749C, #9474FC, #CED2A7

調色盤 Interface ux web app 具有 6 程式碼顏色的組合:
HEX: #31b4fb, RGB: (49, 180, 251); HEX: #9474fc, RGB: (148, 116, 252); HEX: #37286b, RGB: (55, 40, 107)
HEX: #68749c, RGB: (104, 116, 156); HEX: #ced2a7, RGB: (206, 210, 167); HEX: #443c44, RGB: (68, 60, 68)
調色板顏色的簡化版本
淺色調 深天藍色, 淺色調 中紫色, 淺色調 午夜藍, 暗色調 岩灰色, 暗色調 淡金菊色, 暗色調 昏灰色
配色方案是由 colorswall

調色盤中的顏色代碼

Interface ux web app 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#31b4fb #31b4fb RGB(49, 180, 251)——
#9474fc #9474fc RGB(148, 116, 252)——
#37286b #37286b RGB(55, 40, 107)——
#68749c #68749c RGB(104, 116, 156)——
#ced2a7 #ced2a7 RGB(206, 210, 167)——
#443c44 #443c44 RGB(68, 60, 68)——

色彩調色板對比度

5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#31b4fb
#9474fc
1.46
#31b4fb
#68749c
1.98
#31b4fb
#ced2a7
1.48
#9474fc
#68749c
1.34
#37286b
#443c44
1.17

圖像調色板 Interface ux web app png