創建於 12/27/2017 21:25
1
Grey palette Materialize CSS
grey lighten-5
#fafafa
grey lighten-4
#f5f5f5
grey lighten-3
#eeeeee
grey lighten-2
#e0e0e0
grey lighten-1
#bdbdbd
grey
#9e9e9e
grey darken-1
#757575
grey darken-2
#616161
grey darken-3
#424242
grey darken-4
#212121
調色盤由 光, 半暗, 黑暗的 種顏色組成. 強調色 grey lighten-5 #fafafa 和 grey lighten-4 #f5f5f5. 調色盤有 中性的 色溫.
調色盤 Grey palette Materialize CSS 具有 10 程式碼顏色的組合:
十六進位: #fafafa, RGB: (250, 250, 250); 十六進位: #f5f5f5, RGB: (245, 245, 245); 十六進位: #eeeeee, RGB: (238, 238, 238)
十六進位: #e0e0e0, RGB: (224, 224, 224); 十六進位: #bdbdbd, RGB: (189, 189, 189); 十六進位: #9e9e9e, RGB: (158, 158, 158)
十六進位: #757575, RGB: (117, 117, 117); 十六進位: #616161, RGB: (97, 97, 97); 十六進位: #424242, RGB: (66, 66, 66)
十六進位: #212121, RGB: (33, 33, 33)
調色板顏色的簡化版本
陰影 whitesmoke, whitesmoke, 色調 whitesmoke, 陰影 gainsboro, 色調 銀, 色調 darkgrey, 陰影 dimgrey, 色調 dimgrey, 色調 darkslategrey, 陰影 黑色的
配色方案是由 mz
調色盤中的顏色代碼
Grey palette Materialize CSS 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #fafafa | RGB(250, 250, 250) | grey lighten-5 | Dr. White | |
| #f5f5f5 | RGB(245, 245, 245) | grey lighten-4 | White Smoke | |
| #eeeeee | RGB(238, 238, 238) | grey lighten-3 | Super Silver | |
| #e0e0e0 | RGB(224, 224, 224) | grey lighten-2 | Gray88 | |
| #bdbdbd | RGB(189, 189, 189) | grey lighten-1 | Gray74 | |
| #9e9e9e | RGB(158, 158, 158) | grey | Gray62 | |
| #757575 | RGB(117, 117, 117) | grey darken-1 | Sonic Silver | |
| #616161 | RGB(97, 97, 97) | grey darken-2 | Gray38 | |
| #424242 | RGB(66, 66, 66) | grey darken-3 | Black Panther | |
| #212121 | RGB(33, 33, 33) | grey darken-4 | Lead |
色彩調色板對比度
15 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#fafafa | #f5f5f5 | 1.04 |
#fafafa | #eeeeee | 1.11 |
#fafafa | #e0e0e0 | 1.26 |
#fafafa | #bdbdbd | 1.79 |
#f5f5f5 | #eeeeee | 1.06 |
#f5f5f5 | #e0e0e0 | 1.21 |
