App ux design colors palette

  • #e32a3a
  • #71a8f8
  • #117ca4
  • #9c5c55
  • #ccb4b0
  • #51392c
  0.2k
創建於 05/29/2020 07:01
調色盤由 淺色, 半暗 種顏色組成. 強調色 #e32a3a 和 #71a8f8. 調色盤有 暖色, 冷色 色溫.

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

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

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

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

HEX 代碼(排序):#117CA4, #51392C, #71A8F8, #9C5C55, #CCB4B0, #E32A3A

調色盤 App ux design colors palette 具有 6 程式碼顏色的組合:
HEX: #e32a3a, RGB: (227, 42, 58); HEX: #71a8f8, RGB: (113, 168, 248); HEX: #117ca4, RGB: (17, 124, 164)
HEX: #9c5c55, RGB: (156, 92, 85); HEX: #ccb4b0, RGB: (204, 180, 176); HEX: #51392c, RGB: (81, 57, 44)
調色板顏色的簡化版本
淺色調 緋紅色, 淺色調 矢車菊藍, 暗色調 鋼藍色, 暗色調 印度紅, 暗色調 銀色, 暗色調 鞍褐色
配色方案是由 colorswall

調色盤中的顏色代碼

App ux design colors palette 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#e32a3a#e32a3aRGB(227, 42, 58)——
#71a8f8#71a8f8RGB(113, 168, 248)——
#117ca4#117ca4RGB(17, 124, 164)——
#9c5c55#9c5c55RGB(156, 92, 85)——
#ccb4b0#ccb4b0RGB(204, 180, 176)——
#51392c#51392cRGB(81, 57, 44)——

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#e32a3a
#71a8f8
1.85
#e32a3a
#117ca4
1.04
#e32a3a
#9c5c55
1.14
#71a8f8
#117ca4
1.94
#71a8f8
#ccb4b0
1.23
#117ca4
#9c5c55
1.09

圖像調色板 App ux design colors palette png