App ui design ux hex colors

  • #f00809
  • #4cccf4
  • #9f1008
  • #8c5ca4
  • #b18069
  • #703f73
  0.19k
創建於 01/17/2022 18:05
調色盤由 淺色, 深色, 半暗 種顏色組成. 強調色 #f00809 和 #4cccf4. 調色盤有 暖色, 冷色 色溫.

依亮度,此調色盤由 #703F73(最深)到 #4CCCF4(最淺)。 亮度範圍中等。

飽和度落在中等區間,平均約 60%。

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

冷暖色票大致平衡(3 暖、3 冷)。

HEX 代碼(排序):#4CCCF4, #703F73, #8C5CA4, #9F1008, #B18069, #F00809

調色盤 App ui design ux hex colors 具有 6 程式碼顏色的組合:
HEX: #f00809, RGB: (240, 8, 9); HEX: #4cccf4, RGB: (76, 204, 244); HEX: #9f1008, RGB: (159, 16, 8)
HEX: #8c5ca4, RGB: (140, 92, 164); HEX: #b18069, RGB: (177, 128, 105); HEX: #703f73, RGB: (112, 63, 115)
調色板顏色的簡化版本
淺色調 紅色, 暗色調 天藍色, 淺色調 暗紅色, 暗色調 中蘭紫色, 暗色調 玫瑰褐色, 淺色調 紫色
配色方案是由 colorswall

調色盤中的顏色代碼

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

顏色HEXRGB名稱備用名稱
#f00809#f00809RGB(240, 8, 9)——
#4cccf4#4cccf4RGB(76, 204, 244)——
#9f1008#9f1008RGB(159, 16, 8)——
#8c5ca4#8c5ca4RGB(140, 92, 164)——
#b18069#b18069RGB(177, 128, 105)——
#703f73#703f73RGB(112, 63, 115)——

色彩調色板對比度

9 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#f00809
#9f1008
1.85
#f00809
#8c5ca4
1.13
#f00809
#b18069
1.29
#f00809
#703f73
1.79
#4cccf4
#b18069
1.82
#9f1008
#8c5ca4
1.63

圖像調色板 App ui design ux hex colors png