創建於 12/27/2017 20:14
1
Deep Purple palette Materialize CSS
deep-purple lighten-5
#ede7f6
deep-purple lighten-4
#d1c4e9
deep-purple lighten-3
#b39ddb
deep-purple lighten-2
#9575cd
deep-purple lighten-1
#7e57c2
deep-purple
#673ab7
deep-purple darken-1
#5e35b1
deep-purple darken-2
#512da8
deep-purple darken-3
#4527a0
deep-purple darken-4
#311b92
deep-purple accent-1
#b388ff
deep-purple accent-2
#7c4dff
deep-purple accent-3
#651fff
deep-purple accent-4
#6200ea
調色盤由 光, 黑暗的, 半暗 種顏色組成. 強調色 deep-purple accent-1 #b388ff 和 deep-purple accent-2 #7c4dff. 調色盤有 中性的, 涼爽的 色溫.
調色盤 Deep Purple palette Materialize CSS 具有 14 程式碼顏色的組合:
十六進位: #ede7f6, RGB: (237, 231, 246); 十六進位: #d1c4e9, RGB: (209, 196, 233); 十六進位: #b39ddb, RGB: (179, 157, 219)
十六進位: #9575cd, RGB: (149, 117, 205); 十六進位: #7e57c2, RGB: (126, 87, 194); 十六進位: #673ab7, RGB: (103, 58, 183)
十六進位: #5e35b1, RGB: (94, 53, 177); 十六進位: #512da8, RGB: (81, 45, 168); 十六進位: #4527a0, RGB: (69, 39, 160)
十六進位: #311b92, RGB: (49, 27, 146); 十六進位: #b388ff, RGB: (179, 136, 255); 十六進位: #7c4dff, RGB: (124, 77, 255)
十六進位: #651fff, RGB: (101, 31, 255); 十六進位: #6200ea, RGB: (98, 0, 234)
調色板顏色的簡化版本
陰影 lavender, 陰影 thistle, 色調 plum, 陰影 mediumpurple, 陰影 slateblue, 色調 blueviolet, 陰影 darkslateblue, 色調 darkslateblue, 色調 darkslateblue, 陰影 darkblue, 陰影 mediumpurple, 色調 mediumslateblue, 色調 blueviolet, 陰影 藍色的
配色方案是由 mz
調色盤中的顏色代碼
Deep Purple palette Materialize CSS 表中顏色代碼 HEX、RGB 訊息
顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
#ede7f6 | RGB(237, 231, 246) | deep-purple lighten-5 | — | |
#d1c4e9 | RGB(209, 196, 233) | deep-purple lighten-4 | — | |
#b39ddb | RGB(179, 157, 219) | deep-purple lighten-3 | — | |
#9575cd | RGB(149, 117, 205) | deep-purple lighten-2 | — | |
#7e57c2 | RGB(126, 87, 194) | deep-purple lighten-1 | — | |
#673ab7 | RGB(103, 58, 183) | deep-purple | — | |
#5e35b1 | RGB(94, 53, 177) | deep-purple darken-1 | — | |
#512da8 | RGB(81, 45, 168) | deep-purple darken-2 | — | |
#4527a0 | RGB(69, 39, 160) | deep-purple darken-3 | — | |
#311b92 | RGB(49, 27, 146) | deep-purple darken-4 | — | |
#b388ff | RGB(179, 136, 255) | deep-purple accent-1 | — | |
#7c4dff | RGB(124, 77, 255) | deep-purple accent-2 | — | |
#651fff | RGB(101, 31, 255) | deep-purple accent-3 | — | |
#6200ea | RGB(98, 0, 234) | deep-purple accent-4 | — |
色彩調色板對比度
46 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 | 背景顏色 | 對比 |
#ede7f6 | #d1c4e9 | 1.35 |
#ede7f6 | #b39ddb | 1.98 |
#d1c4e9 | #b39ddb | 1.45 |
#d1c4e9 | #b388ff | 1.62 |
#b39ddb | #9575cd | 1.53 |
#b39ddb | #b388ff | 1.11 |