Loading...
創建於 02/28/2020 19:44
  0.26k

Product page ux design palette

  • #35fa05
  • #7cfc5e
  • #156804
  • #9c6c60
  • #b4c4c4
  • #543c34
Loading...
調色盤由 光 種顏色組成. 強調色 #35fa05 和 #7cfc5e. 調色盤有 溫暖的, 涼爽的 色溫.

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

飽和度混合——有柔色也有較鮮明的重點色。

色相在色輪上呈鄰近帶狀(啟發式)。

整體色溫偏暖。

HEX 代碼(排序):#156804, #35FA05, #543C34, #7CFC5E, #9C6C60, #B4C4C4

調色盤 Product page ux design palette 具有 6 程式碼顏色的組合:
十六進位: #35fa05, RGB: (53, 250, 5); 十六進位: #7cfc5e, RGB: (124, 252, 94); 十六進位: #156804, RGB: (21, 104, 4)
十六進位: #9c6c60, RGB: (156, 108, 96); 十六進位: #b4c4c4, RGB: (180, 196, 196); 十六進位: #543c34, RGB: (84, 60, 52)
調色板顏色的簡化版本
陰影 萊姆, 陰影 萊姆, 陰影 darkgreen, 色調 indianred, 色調 銀, 色調 saddlebrown
配色方案是由 colorswall

調色盤中的顏色代碼

Product page ux design palette 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#35fa05 #35fa05 RGB(53, 250, 5)
#7cfc5e #7cfc5e RGB(124, 252, 94)
#156804 #156804 RGB(21, 104, 4)
#9c6c60 #9c6c60 RGB(156, 108, 96)
#b4c4c4 #b4c4c4 RGB(180, 196, 196)
#543c34 #543c34 RGB(84, 60, 52)

色彩調色板對比度

5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#35fa05
#7cfc5e
1.07
#35fa05
#b4c4c4
1.27
#7cfc5e
#b4c4c4
1.37
#156804
#9c6c60
1.56
#156804
#543c34
1.45

圖像調色板 Product page ux design palette PNG

Loading...
Loading...
Loading...