創建於 12/27/2017 19:59
2
Purple palette Materialize CSS
purple lighten-5
#f3e5f5
purple lighten-4
#e1bee7
purple lighten-3
#ce93d8
purple lighten-2
#ba68c8
purple lighten-1
#ab47bc
purple
#9c27b0
purple darken-1
#8e24aa
purple darken-2
#7b1fa2
purple darken-3
#6a1b9a
purple darken-4
#4a148c
purple accent-1
#ea80fc
purple accent-2
#e040fb
purple accent-3
#d500f9
purple accent-4
#aa00ff
調色盤由 光, 黑暗的 種顏色組成. 強調色 purple accent-3 #d500f9 和 purple accent-4 #aa00ff. 調色盤有 中性的, 涼爽的 色溫.
調色盤 Purple palette Materialize CSS 具有 14 程式碼顏色的組合:
十六進位: #f3e5f5, RGB: (243, 229, 245); 十六進位: #e1bee7, RGB: (225, 190, 231); 十六進位: #ce93d8, RGB: (206, 147, 216)
十六進位: #ba68c8, RGB: (186, 104, 200); 十六進位: #ab47bc, RGB: (171, 71, 188); 十六進位: #9c27b0, RGB: (156, 39, 176)
十六進位: #8e24aa, RGB: (142, 36, 170); 十六進位: #7b1fa2, RGB: (123, 31, 162); 十六進位: #6a1b9a, RGB: (106, 27, 154)
十六進位: #4a148c, RGB: (74, 20, 140); 十六進位: #ea80fc, RGB: (234, 128, 252); 十六進位: #e040fb, RGB: (224, 64, 251)
十六進位: #d500f9, RGB: (213, 0, 249); 十六進位: #aa00ff, RGB: (170, 0, 255)
調色板顏色的簡化版本
色調 lavenderblush, 陰影 thistle, 色調 plum, 陰影 mediumorchid, 色調 mediumorchid, 色調 darkorchid, 色調 darkorchid, 陰影 darkmagenta, 陰影 indigo, 陰影 indigo, 色調 violet, 陰影 品紅, 色調 品紅, 色調 blueviolet
配色方案是由 mz
調色盤中的顏色代碼
Purple palette Materialize CSS 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #f3e5f5 | RGB(243, 229, 245) | purple lighten-5 | — | |
| #e1bee7 | RGB(225, 190, 231) | purple lighten-4 | — | |
| #ce93d8 | RGB(206, 147, 216) | purple lighten-3 | — | |
| #ba68c8 | RGB(186, 104, 200) | purple lighten-2 | — | |
| #ab47bc | RGB(171, 71, 188) | purple lighten-1 | — | |
| #9c27b0 | RGB(156, 39, 176) | purple | — | |
| #8e24aa | RGB(142, 36, 170) | purple darken-1 | — | |
| #7b1fa2 | RGB(123, 31, 162) | purple darken-2 | — | |
| #6a1b9a | RGB(106, 27, 154) | purple darken-3 | — | |
| #4a148c | RGB(74, 20, 140) | purple darken-4 | — | |
| #ea80fc | RGB(234, 128, 252) | purple accent-1 | — | |
| #e040fb | RGB(224, 64, 251) | purple accent-2 | — | |
| #d500f9 | RGB(213, 0, 249) | purple accent-3 | — | |
| #aa00ff | RGB(170, 0, 255) | purple accent-4 | Digital Violets |
色彩調色板對比度
45 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#f3e5f5 | #e1bee7 | 1.36 |
#f3e5f5 | #ce93d8 | 1.97 |
#f3e5f5 | #ea80fc | 1.92 |
#e1bee7 | #ce93d8 | 1.44 |
#e1bee7 | #ea80fc | 1.41 |
#ce93d8 | #ba68c8 | 1.48 |
