創建於 04/29/2021 16:06
Material Design Color Palette (nº5)
indigo lighten-4
#e8eaf6
indigo lighten-3
#c5cae9
indigo lighten-2
#9fa8da
indigo lighten-1
#7986cb
#5c6bc0
indigo
#3f51b5
indigo darken-1
#3949ab
indigo darken-2
#303f9f
indigo darken-3
#283593
indigo darken-4
#1a237e
indigo accent-1
#8c9eff
indigo accent-4
#304ffe
indigo accent-3
#3d5afe
indigo accent-2
#536dfe
調色盤由 光, 半暗, 黑暗的 種顏色組成. 強調色 indigo accent-1 #8c9eff 和 indigo accent-4 #304ffe. 調色盤有 中性的, 涼爽的 色溫.
調色盤 Material Design Color Palette (nº5) 具有 14 程式碼顏色的組合:
十六進位: #e8eaf6, RGB: (232, 234, 246); 十六進位: #c5cae9, RGB: (197, 202, 233); 十六進位: #9fa8da, RGB: (159, 168, 218)
十六進位: #7986cb, RGB: (121, 134, 203); 十六進位: #5c6bc0, RGB: (92, 107, 192); 十六進位: #3f51b5, RGB: (63, 81, 181)
十六進位: #3949ab, RGB: (57, 73, 171); 十六進位: #303f9f, RGB: (48, 63, 159); 十六進位: #283593, RGB: (40, 53, 147)
十六進位: #1a237e, RGB: (26, 35, 126); 十六進位: #8c9eff, RGB: (140, 158, 255); 十六進位: #304ffe, RGB: (48, 79, 254)
十六進位: #3d5afe, RGB: (61, 90, 254); 十六進位: #536dfe, RGB: (83, 109, 254)
調色板顏色的簡化版本
陰影 lavender, 陰影 lightsteelblue, 色調 lightsteelblue, 色調 cornflowerblue, 陰影 royalblue, 色調 slateblue, 陰影 darkslateblue, 色調 darkslateblue, 色調 darkslateblue, 陰影 midnightblue, 陰影 cornflowerblue, 色調 slateblue, 色調 royalblue, 陰影 royalblue
配色方案是由 MyPalettes
調色盤中的顏色代碼
Material Design Color Palette (nº5) 表中顏色代碼 HEX、RGB 訊息
顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
#e8eaf6 | RGB(232, 234, 246) | indigo lighten-4 | — | |
#c5cae9 | RGB(197, 202, 233) | indigo lighten-3 | — | |
#9fa8da | RGB(159, 168, 218) | indigo lighten-2 | — | |
#7986cb | RGB(121, 134, 203) | indigo lighten-1 | — | |
#5c6bc0 | RGB(92, 107, 192) | — | — | |
#3f51b5 | RGB(63, 81, 181) | indigo | — | |
#3949ab | RGB(57, 73, 171) | indigo darken-1 | — | |
#303f9f | RGB(48, 63, 159) | indigo darken-2 | — | |
#283593 | RGB(40, 53, 147) | indigo darken-3 | — | |
#1a237e | RGB(26, 35, 126) | indigo darken-4 | — | |
#8c9eff | RGB(140, 158, 255) | indigo accent-1 | — | |
#304ffe | RGB(48, 79, 254) | indigo accent-4 | — | |
#3d5afe | RGB(61, 90, 254) | indigo accent-3 | — | |
#536dfe | RGB(83, 109, 254) | indigo accent-2 | — |
色彩調色板對比度
43 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 | 背景顏色 | 對比 |
#e8eaf6 | #c5cae9 | 1.34 |
#e8eaf6 | #9fa8da | 1.92 |
#c5cae9 | #9fa8da | 1.43 |
#c5cae9 | #8c9eff | 1.53 |
#9fa8da | #7986cb | 1.49 |
#9fa8da | #8c9eff | 1.07 |