App design ui table

  • #6689e7
  • #7899fb
  • #112c72
  • #98735d
  • #ad9cd4
  • #30241c
  0.2k
創建於 03/09/2020 20:50
調色盤由 淺色, 深色 種顏色組成. 強調色 #7899fb 和 #30241c. 調色盤有 冷色, 暖色 色溫.

依亮度,此調色盤由 #30241C(最深)到 #AD9CD4(最淺)。 亮度範圍中等。

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

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

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

HEX 代碼(排序):#112C72, #30241C, #6689E7, #7899FB, #98735D, #AD9CD4

調色盤 App design ui table 具有 6 程式碼顏色的組合:
HEX: #6689e7, RGB: (102, 137, 231); HEX: #7899fb, RGB: (120, 153, 251); HEX: #112c72, RGB: (17, 44, 114)
HEX: #98735d, RGB: (152, 115, 93); HEX: #ad9cd4, RGB: (173, 156, 212); HEX: #30241c, RGB: (48, 36, 28)
調色板顏色的簡化版本
暗色調 矢車菊藍, 淺色調 矢車菊藍, 淺色調 午夜藍, 淺色調 赭色, 暗色調 梅紅色, 淺色調 黑色
配色方案是由 colorswall

調色盤中的顏色代碼

App design ui table 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#6689e7 #6689e7 RGB(102, 137, 231)——
#7899fb #7899fb RGB(120, 153, 251)——
#112c72 #112c72 RGB(17, 44, 114)——
#98735d #98735d RGB(152, 115, 93)——
#ad9cd4 #ad9cd4 RGB(173, 156, 212)——
#30241c #30241c RGB(48, 36, 28)——

色彩調色板對比度

7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#6689e7
#7899fb
1.23
#6689e7
#98735d
1.27
#6689e7
#ad9cd4
1.34
#7899fb
#98735d
1.56
#7899fb
#ad9cd4
1.09
#112c72
#30241c
1.16

圖像調色板 App design ui table png