創建於 12/22/2025 09:48
material design color palette 400
- Amour#ef5350
- #ec407a
- #ab47bc
- Fuchsia Blue#7e57c2
- #5c6bc0
- Adamantine Blue#42a5f5
- #29b6f6
- #26c6da
- #26a69a
- Forest Fern#66bb6a
- Be Spontaneous#9ccc65
- Maximum Green Yellow#d4e157
- Xanthe Yellow#ffee58
- Bumblebee#ffca28
- Honey Wax#ffa726
- Precious Persimmon#ff7043
調色盤由 光 種顏色組成. 強調色 #29b6f6 和 Xanthe Yellow #ffee58. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.
依亮度,此調色盤由 #26A69A(最深)到 #FFEE58(最淺)。 亮度範圍中等。
整體飽和度偏鮮明(彩度較高)。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏暖。
HEX 代碼(排序):#26A69A, #26C6DA, #29B6F6, #42A5F5, #5C6BC0, #66BB6A, #7E57C2, #9CCC65, #AB47BC, #D4E157, #EC407A, #EF5350, #FF7043, #FFA726, #FFCA28, #FFEE58
調色盤 material design color palette 400 具有 16 程式碼顏色的組合:
十六進位: #ef5350, RGB: (239, 83, 80); 十六進位: #ec407a, RGB: (236, 64, 122); 十六進位: #ab47bc, RGB: (171, 71, 188)
十六進位: #7e57c2, RGB: (126, 87, 194); 十六進位: #5c6bc0, RGB: (92, 107, 192); 十六進位: #42a5f5, RGB: (66, 165, 245)
十六進位: #29b6f6, RGB: (41, 182, 246); 十六進位: #26c6da, RGB: (38, 198, 218); 十六進位: #26a69a, RGB: (38, 166, 154)
十六進位: #66bb6a, RGB: (102, 187, 106); 十六進位: #9ccc65, RGB: (156, 204, 101); 十六進位: #d4e157, RGB: (212, 225, 87)
十六進位: #ffee58, RGB: (255, 238, 88); 十六進位: #ffca28, RGB: (255, 202, 40); 十六進位: #ffa726, RGB: (255, 167, 38)
十六進位: #ff7043, RGB: (255, 112, 67)
調色板顏色的簡化版本
陰影 indianred, 陰影 deeppink, 色調 mediumorchid, 陰影 slateblue, 陰影 royalblue, 陰影 dodgerblue, 陰影 deepskyblue, 陰影 darkturquoise, 色調 lightseagreen, 陰影 mediumseagreen, 陰影 黃綠色, 色調 卡其色, 陰影 黃色的, 色調 gold, 陰影 橘子, 色調 coral
配色方案是由 MyPalettes
調色盤中的顏色代碼
material design color palette 400 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #ef5350 | #ef5350 | RGB(239, 83, 80) | Amour | — |
| #ec407a | #ec407a | RGB(236, 64, 122) | — | — |
| #ab47bc | #ab47bc | RGB(171, 71, 188) | — | — |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | Fuchsia Blue | — |
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | — | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Adamantine Blue | — |
| #29b6f6 | #29b6f6 | RGB(41, 182, 246) | — | — |
| #26c6da | #26c6da | RGB(38, 198, 218) | — | — |
| #26a69a | #26a69a | RGB(38, 166, 154) | — | — |
| #66bb6a | #66bb6a | RGB(102, 187, 106) | Forest Fern | — |
| #9ccc65 | #9ccc65 | RGB(156, 204, 101) | Be Spontaneous | — |
| #d4e157 | #d4e157 | RGB(212, 225, 87) | Maximum Green Yellow | — |
| #ffee58 | #ffee58 | RGB(255, 238, 88) | Xanthe Yellow | — |
| #ffca28 | #ffca28 | RGB(255, 202, 40) | Bumblebee | — |
| #ffa726 | #ffa726 | RGB(255, 167, 38) | Honey Wax | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Precious Persimmon | — |
色彩調色板對比度
85 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#ef5350 | #ec407a | 1.07 |
#ef5350 | #ab47bc | 1.38 |
#ef5350 | #7e57c2 | 1.49 |
#ef5350 | #5c6bc0 | 1.39 |
#ef5350 | #42a5f5 | 1.31 |
#ef5350 | #29b6f6 | 1.51 |
圖像調色板 material design color palette 400 PNG
匯出調色盤
下載 "material design color palette 400" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
