Web interface website ux colors palette

  • #ed6604
  • #f4c46c
  • #048a04
  • #62ab5d
  • #c0c0c0
  • #583b2e
  0.32k
創建於 04/07/2020 11:53
調色盤由 淺色, 半暗 種顏色組成. 強調色 #ed6604 和 #048a04. 調色盤有 暖色, 冷色, 中性色 色溫.

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

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

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

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

HEX 代碼(排序):#048A04, #583B2E, #62AB5D, #C0C0C0, #ED6604, #F4C46C

調色盤 Web interface website ux colors palette 具有 6 程式碼顏色的組合:
HEX: #ed6604, RGB: (237, 102, 4); HEX: #f4c46c, RGB: (244, 196, 108); HEX: #048a04, RGB: (4, 138, 4)
HEX: #62ab5d, RGB: (98, 171, 93); HEX: #c0c0c0, RGB: (192, 192, 192); HEX: #583b2e, RGB: (88, 59, 46)
調色板顏色的簡化版本
淺色調 巧克力色, 淺色調 實木色, 暗色調 森林綠, 淺色調 中海綠色, 銀色, 暗色調 鞍褐色
配色方案是由 colorswall

調色盤中的顏色代碼

Web interface website ux colors palette 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#ed6604#ed6604RGB(237, 102, 4)——
#f4c46c#f4c46cRGB(244, 196, 108)——
#048a04#048a04RGB(4, 138, 4)——
#62ab5d#62ab5dRGB(98, 171, 93)——
#c0c0c0#c0c0c0RGB(192, 192, 192)—Silver
#583b2e#583b2eRGB(88, 59, 46)——

色彩調色板對比度

8 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#ed6604
#f4c46c
1.99
#ed6604
#048a04
1.4
#ed6604
#62ab5d
1.15
#ed6604
#c0c0c0
1.77
#f4c46c
#62ab5d
1.72
#f4c46c
#c0c0c0
1.12

圖像調色板 Web interface website ux colors palette png