創建於 12/27/2017 21:25
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. 調色盤有 中性的 色溫.
依亮度,此調色盤由 #212121(最深)到 #FAFAFA(最淺)。 亮度範圍較寬。
整體飽和度多半偏柔(彩度較低)——100% 的顏色偏柔和。
多數顏色接近中性或彩度很低;色相關係較細膩。
多數色票讀起來偏中性色溫(10 中有 10)。
HEX 代碼(排序):#212121, #424242, #616161, #757575, #9E9E9E, #BDBDBD, #E0E0E0, #EEEEEE, #F5F5F5, #FAFAFA
調色盤 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, 陰影 gainsboro, 色調 銀, 色調 darkgrey, 陰影 dimgrey, 色調 dimgrey, 色調 darkslategrey, 陰影 黑色的
配色方案是由 mz
調色盤中的顏色代碼
Grey palette Materialize CSS 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
|---|---|---|---|---|
| #fafafa | #fafafa | RGB(250, 250, 250) | grey lighten-5 | Dr. White |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | grey lighten-4 | Whitesmoke |
| #eeeeee | #eeeeee | RGB(238, 238, 238) | grey lighten-3 | Super Silver |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | grey lighten-2 | Gray88 |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | grey lighten-1 | Gray74 |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | grey | Gray62 |
| #757575 | #757575 | RGB(117, 117, 117) | grey darken-1 | Sonic Silver |
| #616161 | #616161 | RGB(97, 97, 97) | grey darken-2 | Gray38 |
| #424242 | #424242 | RGB(66, 66, 66) | grey darken-3 | Black Panther |
| #212121 | #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 |
圖像調色板 Grey palette Materialize CSS PNG
匯出調色盤
下載 "Grey palette Materialize CSS" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
