Breadcrumbs uxdesign ui shop hex colors

  • #42bc4e
  • #90d897
  • #226228
  • #27712e
  • #c7d8c8
  • #27712e
  0.2k
創建於 07/02/2020 14:53
調色盤由 淺色, 半暗 種顏色組成. 強調色 #27712e 和 #27712e. 調色盤有 冷色 色溫.

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

飽和度落在中等區間,平均約 43%。

類比色調色盤:色相在色輪上彼此相近,範圍約 2°。

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

HEX 代碼(排序):#226228, #27712E, #42BC4E, #90D897, #C7D8C8

調色盤 Breadcrumbs uxdesign ui shop hex colors 具有 6 程式碼顏色的組合:
HEX: #42bc4e, RGB: (66, 188, 78); HEX: #90d897, RGB: (144, 216, 151); HEX: #226228, RGB: (34, 98, 40)
HEX: #27712e, RGB: (39, 113, 46); HEX: #c7d8c8, RGB: (199, 216, 200); HEX: #27712e, RGB: (39, 113, 46)
調色板顏色的簡化版本
暗色調 檸檬綠, 暗色調 淺綠色, 淺色調 暗綠色, 淺色調 暗綠色, 暗色調 蜜瓜綠, 淺色調 暗綠色
配色方案是由 colorswall

調色盤中的顏色代碼

Breadcrumbs uxdesign ui shop hex colors 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#42bc4e#42bc4eRGB(66, 188, 78)——
#90d897#90d897RGB(144, 216, 151)——
#226228#226228RGB(34, 98, 40)——
#27712e#27712eRGB(39, 113, 46)——
#c7d8c8#c7d8c8RGB(199, 216, 200)——
#27712e#27712eRGB(39, 113, 46)——

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#42bc4e
#90d897
1.45
#42bc4e
#c7d8c8
1.65
#90d897
#c7d8c8
1.13
#226228
#27712e
1.22
#226228
#27712e
1.22
#27712e
#27712e
1

圖像調色板 Breadcrumbs uxdesign ui shop hex colors png