Color kit design system style guide night theme colours

  • #db3cfb
  • #e285f7
  • #66511c
  • #828283
  • #bfbcae
  • #33654c
  0.23k
創建於 04/23/2020 11:46
調色盤由 淺色, 半暗 種顏色組成. 強調色 #db3cfb 和 #33654c. 調色盤有 冷色, 暖色, 中性色 色溫.

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

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

多元的調色盤:色相分佈在色輪上約 221° 的範圍。

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

HEX 代碼(排序):#33654C, #66511C, #828283, #BFBCAE, #DB3CFB, #E285F7

調色盤 Color kit design system style guide night theme colours 具有 6 程式碼顏色的組合:
HEX: #db3cfb, RGB: (219, 60, 251); HEX: #e285f7, RGB: (226, 133, 247); HEX: #66511c, RGB: (102, 81, 28)
HEX: #828283, RGB: (130, 130, 131); HEX: #bfbcae, RGB: (191, 188, 174); HEX: #33654c, RGB: (51, 101, 76)
調色板顏色的簡化版本
淺色調 品紅, 暗色調 紫羅蘭色, 暗色調 鞍褐色, 淺色調 灰色, 暗色調 銀色, 暗色調 暗橄欖綠
配色方案是由 colorswall

調色盤中的顏色代碼

Color kit design system style guide night theme colours 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#db3cfb #db3cfb RGB(219, 60, 251)——
#e285f7 #e285f7 RGB(226, 133, 247)——
#66511c #66511c RGB(102, 81, 28)——
#828283 #828283 RGB(130, 130, 131)——
#bfbcae #bfbcae RGB(191, 188, 174)——
#33654c #33654c RGB(51, 101, 76)——

色彩調色板對比度

9 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#db3cfb
#e285f7
1.47
#db3cfb
#828283
1.1
#db3cfb
#bfbcae
1.82
#db3cfb
#33654c
1.94
#e285f7
#828283
1.63
#e285f7
#bfbcae
1.23

圖像調色板 Color kit design system style guide night theme colours png