App courses mobile ux palette

  • #c9884d
  • #e4ba98
  • #1a4c78
  • #597c95
  • #c09ca0
  • #1b1f2d
  0.19k
創建於 11/16/2019 22:28
調色盤由 淺色, 半暗, 深色 種顏色組成. 強調色 #e4ba98 和 #1a4c78. 調色盤有 暖色, 冷色 色溫.

依亮度,此調色盤由 #1B1F2D(最深)到 #E4BA98(最淺)。 亮度範圍較寬。

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

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

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

HEX 代碼(排序):#1A4C78, #1B1F2D, #597C95, #C09CA0, #C9884D, #E4BA98

調色盤 App courses mobile ux palette 具有 6 程式碼顏色的組合:
HEX: #c9884d, RGB: (201, 136, 77); HEX: #e4ba98, RGB: (228, 186, 152); HEX: #1a4c78, RGB: (26, 76, 120)
HEX: #597c95, RGB: (89, 124, 149); HEX: #c09ca0, RGB: (192, 156, 160); HEX: #1b1f2d, RGB: (27, 31, 45)
調色板顏色的簡化版本
淺色調 秘魯色, 淺色調 實木色, 暗色調 暗岩藍色, 暗色調 岩灰色, 淺色調 玫瑰褐色, 淺色調 黑色
配色方案是由 colorswall

調色盤中的顏色代碼

App courses mobile ux palette 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#c9884d#c9884dRGB(201, 136, 77)——
#e4ba98#e4ba98RGB(228, 186, 152)——
#1a4c78#1a4c78RGB(26, 76, 120)——
#597c95#597c95RGB(89, 124, 149)——
#c09ca0#c09ca0RGB(192, 156, 160)——
#1b1f2d#1b1f2dRGB(27, 31, 45)——

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#c9884d
#e4ba98
1.65
#c9884d
#597c95
1.49
#c9884d
#c09ca0
1.19
#e4ba98
#c09ca0
1.38
#1a4c78
#1b1f2d
1.83
#597c95
#c09ca0
1.79

圖像調色板 App courses mobile ux palette png