創建於 01/17/2022 18:31
  0.13k

Ui branding e-commerce layout hex colors

  • #f8541a
  • #f89e3e
  • #9b0928
  • #67a09e
  • #d9c6b4
  • #546434
Loading...
調色盤由 光, 黑暗的, 半暗 種顏色組成. 強調色 #f8541a 和 #67a09e. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.

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

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

有些色相成對接近互補位置——可能讀成互補對比(啟發式)。

整體色溫偏暖。

HEX 代碼(排序):#546434, #67A09E, #9B0928, #D9C6B4, #F8541A, #F89E3E

調色盤 Ui branding e-commerce layout hex colors 具有 6 程式碼顏色的組合:
十六進位: #f8541a, RGB: (248, 84, 26); 十六進位: #f89e3e, RGB: (248, 158, 62); 十六進位: #9b0928, RGB: (155, 9, 40)
十六進位: #67a09e, RGB: (103, 160, 158); 十六進位: #d9c6b4, RGB: (217, 198, 180); 十六進位: #546434, RGB: (84, 100, 52)
調色板顏色的簡化版本
陰影 orangered, 色調 sandybrown, 色調 brown, 陰影 cadetblue, 色調 peachpuff, 色調 darkolivegreen
配色方案是由 colorswall

調色盤中的顏色代碼

Ui branding e-commerce layout hex colors 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#f8541a #f8541a RGB(248, 84, 26)
#f89e3e #f89e3e RGB(248, 158, 62)
#9b0928 #9b0928 RGB(155, 9, 40)
#67a09e #67a09e RGB(103, 160, 158)
#d9c6b4 #d9c6b4 RGB(217, 198, 180)
#546434 #546434 RGB(84, 100, 52)

色彩調色板對比度

7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#f8541a
#f89e3e
1.58
#f8541a
#67a09e
1.13
#f8541a
#546434
1.93
#f89e3e
#67a09e
1.4
#f89e3e
#d9c6b4
1.27
#9b0928
#546434
1.31

圖像調色板 Ui branding e-commerce layout hex colors PNG

Loading...
Loading...