Interaction design web product tokens colours
- Ultramarine Blue#4841f8
- Very Light Blue#5c57fc
- Indigo (Rainbow)#25206b
- Pearly Purple#a76ba1
- Metallic Silver#a1a6b5
- Soldier Green#5c582a
創建於 03/15/2023 21:42
調色盤由 半暗, 深色, 淺色 種顏色組成. 強調色 Very Light Blue #5c57fc 和 Soldier Green #5c582a. 調色盤有 冷色, 中性色, 暖色 色溫.
依亮度,此調色盤由 #25206B(最深)到 #A1A6B5(最淺)。 亮度範圍中等。
飽和度混合——6 種顏色中有 2 種柔和、3 種鮮明。
部分顏色在色輪上大致相對,為調色盤帶來互補對比。
整體色溫偏冷(6 中有 4)。
HEX 代碼(排序):#25206B, #4841F8, #5C57FC, #5C582A, #A1A6B5, #A76BA1
調色盤 Interaction design web product tokens colours 具有 6 程式碼顏色的組合:
HEX: #4841f8, RGB: (72, 65, 248); HEX: #5c57fc, RGB: (92, 87, 252); HEX: #25206b, RGB: (37, 32, 107)
HEX: #a76ba1, RGB: (167, 107, 161); HEX: #a1a6b5, RGB: (161, 166, 181); HEX: #5c582a, RGB: (92, 88, 42)
調色板顏色的簡化版本
暗色調 岩藍色, 暗色調 岩藍色, 淺色調 午夜藍, 淺色調 中蘭紫色, 暗色調 暗灰色, 暗色調 暗橄欖綠
配色方案是由 colorhunt
調色盤中的顏色代碼
Interaction design web product tokens colours 表中顏色代碼 HEX、RGB 訊息
| 顏色 | HEX | RGB | 名稱 | 備用名稱 |
|---|---|---|---|---|
| #4841f8 | #4841f8 | RGB(72, 65, 248) | Ultramarine Blue | — |
| #5c57fc | #5c57fc | RGB(92, 87, 252) | Very Light Blue | — |
| #25206b | #25206b | RGB(37, 32, 107) | Indigo (Rainbow) | — |
| #a76ba1 | #a76ba1 | RGB(167, 107, 161) | Pearly Purple | — |
| #a1a6b5 | #a1a6b5 | RGB(161, 166, 181) | Metallic Silver | — |
| #5c582a | #5c582a | RGB(92, 88, 42) | Soldier Green | — |
色彩調色板對比度
8 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比度 |
|---|---|---|
#4841f8 | #5c57fc | 1.24 |
#4841f8 | #a76ba1 | 1.55 |
#4841f8 | #5c582a | 1.17 |
#5c57fc | #a76ba1 | 1.24 |
#5c57fc | #5c582a | 1.46 |
#25206b | #5c582a | 1.92 |
圖像調色板 Interaction design web product tokens colours png
匯出調色盤
下載 "Interaction design web product tokens colours" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
