Typography mockup app ui colors

  • #057df3
  • #a19bf6
  • #662a12
  • #897a65
  • #acced1
  • #323454
  0.19k
創建於 07/08/2020 21:42
調色盤由 淺色, 半暗 種顏色組成. 強調色 #057df3 和 #662a12. 調色盤有 冷色, 暖色 色溫.

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

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

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

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

HEX 代碼(排序):#057DF3, #323454, #662A12, #897A65, #A19BF6, #ACCED1

調色盤 Typography mockup app ui colors 具有 6 程式碼顏色的組合:
HEX: #057df3, RGB: (5, 125, 243); HEX: #a19bf6, RGB: (161, 155, 246); HEX: #662a12, RGB: (102, 42, 18)
HEX: #897a65, RGB: (137, 122, 101); HEX: #acced1, RGB: (172, 206, 209); HEX: #323454, RGB: (50, 52, 84)
調色板顏色的簡化版本
暗色調 鋼藍色, 暗色調 淺鋼藍色, 淺色調 栗色, 暗色調 灰色, 暗色調 粉藍色, 暗色調 暗岩藍色
配色方案是由 colorswall

調色盤中的顏色代碼

Typography mockup app ui colors 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#057df3#057df3RGB(5, 125, 243)——
#a19bf6#a19bf6RGB(161, 155, 246)——
#662a12#662a12RGB(102, 42, 18)——
#897a65#897a65RGB(137, 122, 101)——
#acced1#acced1RGB(172, 206, 209)——
#323454#323454RGB(50, 52, 84)——

色彩調色板對比度

5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#057df3
#a19bf6
1.63
#057df3
#897a65
1.03
#a19bf6
#897a65
1.69
#a19bf6
#acced1
1.46
#662a12
#323454
1.08

圖像調色板 Typography mockup app ui colors png