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
創建於 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
匯出調色盤
下載 "Interface minimal hero page ui ux" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
