Trend color ux drop shadow

  • #15d6f9
  • #649cd0
  • #1192d4
  • #6c748c
  • #c1a9a6
  • #33344c
  0.32k
創建於 04/27/2021 16:56
調色盤由 淺色, 半暗 種顏色組成. 強調色 #15d6f9 和 #c1a9a6. 調色盤有 冷色, 暖色 色溫.

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

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

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

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

HEX 代碼(排序):#1192D4, #15D6F9, #33344C, #649CD0, #6C748C, #C1A9A6

調色盤 Trend color ux drop shadow 具有 6 程式碼顏色的組合:
HEX: #15d6f9, RGB: (21, 214, 249); HEX: #649cd0, RGB: (100, 156, 208); HEX: #1192d4, RGB: (17, 146, 212)
HEX: #6c748c, RGB: (108, 116, 140); HEX: #c1a9a6, RGB: (193, 169, 166); HEX: #33344c, RGB: (51, 52, 76)
調色板顏色的簡化版本
暗色調 skyblue, 淺色調 cornflowerblue, 暗色調 steelblue, 暗色調 slategrey, 淺色調 rosybrown, 暗色調 darkslateblue
配色方案是由 colorswall

調色盤中的顏色代碼

Trend color ux drop shadow 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#15d6f9 #15d6f9 RGB(21, 214, 249)——
#649cd0 #649cd0 RGB(100, 156, 208)——
#1192d4 #1192d4 RGB(17, 146, 212)——
#6c748c #6c748c RGB(108, 116, 140)——
#c1a9a6 #c1a9a6 RGB(193, 169, 166)——
#33344c #33344c RGB(51, 52, 76)——

色彩調色板對比度

8 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#15d6f9
#649cd0
1.66
#15d6f9
#1192d4
1.97
#15d6f9
#c1a9a6
1.26
#649cd0
#1192d4
1.18
#649cd0
#6c748c
1.59
#649cd0
#c1a9a6
1.31

圖像調色板 Trend color ux drop shadow png