Interface minimal hero page ui ux

  • Green Sheen
    #72c1a4
  • Sea Foam Green
    #a2d6c3
  • Dark Gunmetal
    #1c1430
  • Café Au Lait
    #a47c60
  • Khaki (HTML/CSS)
    #c8a290
  • Charcoal
    #353c54
  63
創建於 01/01/2023 18:28
調色盤由 淺色, 深色, 半暗 種顏色組成. 強調色 Dark Gunmetal #1c1430 和 Khaki (HTML/CSS) #c8a290. 調色盤有 冷色, 暖色 色溫.

依亮度,此調色盤由 #1C1430(最深)到 #A2D6C3(最淺)。 亮度範圍較寬。

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

部分顏色在色輪上大致相對,為調色盤帶來互補對比。

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

HEX 代碼(排序):#1C1430, #353C54, #72C1A4, #A2D6C3, #A47C60, #C8A290

調色盤 Interface minimal hero page ui ux 具有 6 程式碼顏色的組合:
HEX: #72c1a4, RGB: (114, 193, 164); HEX: #a2d6c3, RGB: (162, 214, 195); HEX: #1c1430, RGB: (28, 20, 48)
HEX: #a47c60, RGB: (164, 124, 96); HEX: #c8a290, RGB: (200, 162, 144); HEX: #353c54, RGB: (53, 60, 84)
調色板顏色的簡化版本
暗色調 中碧綠色, 淺色調 中碧綠色, 暗色調 午夜藍, 暗色調 秘魯色, 暗色調 暗鮭紅色, 暗色調 暗岩藍色
配色方案是由 colorhunt

調色盤中的顏色代碼

Interface minimal hero page ui ux 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#72c1a4 #72c1a4 RGB(114, 193, 164)Green Sheen—
#a2d6c3 #a2d6c3 RGB(162, 214, 195)Sea Foam Green—
#1c1430 #1c1430 RGB(28, 20, 48)Dark Gunmetal—
#a47c60 #a47c60 RGB(164, 124, 96)Café Au Lait—
#c8a290 #c8a290 RGB(200, 162, 144)Khaki (HTML/CSS)—
#353c54 #353c54 RGB(53, 60, 84)Charcoal—

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#72c1a4
#a2d6c3
1.31
#72c1a4
#a47c60
1.75
#72c1a4
#c8a290
1.09
#a2d6c3
#c8a290
1.43
#1c1430
#353c54
1.61
#a47c60
#c8a290
1.6

圖像調色板 Interface minimal hero page ui ux png