Design ux landingpage colors palette

  • #28d7cc
  • #849cfc
  • #1b8675
  • #57987e
  • #8698c7
  • #345c3c
  0.22k
創建於 09/19/2019 13:43
調色盤由 淺色, 半暗 種顏色組成. 強調色 #28d7cc 和 #849cfc. 調色盤有 冷色 色溫.

依亮度,此調色盤由 #345C3C(最深)到 #28D7CC(最淺)。 亮度範圍中等。

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

色相集中在色輪的同一區域,範圍約 96°。

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

HEX 代碼(排序):#1B8675, #28D7CC, #345C3C, #57987E, #849CFC, #8698C7

調色盤 Design ux landingpage colors palette 具有 6 程式碼顏色的組合:
HEX: #28d7cc, RGB: (40, 215, 204); HEX: #849cfc, RGB: (132, 156, 252); HEX: #1b8675, RGB: (27, 134, 117)
HEX: #57987e, RGB: (87, 152, 126); HEX: #8698c7, RGB: (134, 152, 199); HEX: #345c3c, RGB: (52, 92, 60)
調色板顏色的簡化版本
暗色調 turquoise, 淺色調 cornflowerblue, 淺色調 青色, 淺色調 seagreen, 淺色調 cornflowerblue, 暗色調 darkolivegreen
配色方案是由 colorswall

調色盤中的顏色代碼

Design ux landingpage colors palette 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#28d7cc #28d7cc RGB(40, 215, 204)——
#849cfc #849cfc RGB(132, 156, 252)——
#1b8675 #1b8675 RGB(27, 134, 117)——
#57987e #57987e RGB(87, 152, 126)——
#8698c7 #8698c7 RGB(134, 152, 199)——
#345c3c #345c3c RGB(52, 92, 60)——

色彩調色板對比度

10 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#28d7cc
#849cfc
1.43
#28d7cc
#57987e
1.88
#28d7cc
#8698c7
1.59
#849cfc
#1b8675
1.72
#849cfc
#57987e
1.31
#849cfc
#8698c7
1.11

圖像調色板 Design ux landingpage colors palette png