Ux practice ui colors

  • #048cac
  • #719af9
  • #118fb8
  • #9a64aa
  • #c9a2be
  • #54342c
  0.23k
創建於 12/06/2020 22:08
調色盤由 淺色, 半暗 種顏色組成. 強調色 #048cac 和 #54342c. 調色盤有 冷色, 暖色 色溫.

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

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

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

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

HEX 代碼(排序):#048CAC, #118FB8, #54342C, #719AF9, #9A64AA, #C9A2BE

調色盤 Ux practice ui colors 具有 6 程式碼顏色的組合:
HEX: #048cac, RGB: (4, 140, 172); HEX: #719af9, RGB: (113, 154, 249); HEX: #118fb8, RGB: (17, 143, 184)
HEX: #9a64aa, RGB: (154, 100, 170); HEX: #c9a2be, RGB: (201, 162, 190); HEX: #54342c, RGB: (84, 52, 44)
調色板顏色的簡化版本
暗色調 鋼藍色, 淺色調 矢車菊藍, 暗色調 鋼藍色, 暗色調 中蘭紫色, 暗色調 薊色, 淺色調 栗色
配色方案是由 colorswall

調色盤中的顏色代碼

Ux practice ui colors 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#048cac #048cac RGB(4, 140, 172)——
#719af9 #719af9 RGB(113, 154, 249)——
#118fb8 #118fb8 RGB(17, 143, 184)——
#9a64aa #9a64aa RGB(154, 100, 170)——
#c9a2be #c9a2be RGB(201, 162, 190)——
#54342c #54342c RGB(84, 52, 44)——

色彩調色板對比度

10 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#048cac
#719af9
1.43
#048cac
#118fb8
1.05
#048cac
#9a64aa
1.12
#048cac
#c9a2be
1.75
#719af9
#118fb8
1.36
#719af9
#9a64aa
1.61

圖像調色板 Ux practice ui colors png