創建於 12/27/2017 21:23
2
Brown palette Materialize CSS
brown lighten-5
#efebe9
brown lighten-4
#d7ccc8
brown lighten-3
#bcaaa4
brown lighten-2
#a1887f
brown lighten-1
#8d6e63
brown
#795548
brown darken-1
#6d4c41
brown darken-2
#5d4037
brown darken-3
#4e342e
brown darken-4
#3e2723
調色盤由 光, 半暗, 黑暗的 種顏色組成. 強調色 brown darken-3 #4e342e 和 brown darken-4 #3e2723. 調色盤有 中性的, 溫暖的 色溫.
調色盤 Brown palette Materialize CSS 具有 10 程式碼顏色的組合:
十六進位: #efebe9, RGB: (239, 235, 233); 十六進位: #d7ccc8, RGB: (215, 204, 200); 十六進位: #bcaaa4, RGB: (188, 170, 164)
十六進位: #a1887f, RGB: (161, 136, 127); 十六進位: #8d6e63, RGB: (141, 110, 99); 十六進位: #795548, RGB: (121, 85, 72)
十六進位: #6d4c41, RGB: (109, 76, 65); 十六進位: #5d4037, RGB: (93, 64, 55); 十六進位: #4e342e, RGB: (78, 52, 46)
十六進位: #3e2723, RGB: (62, 39, 35)
調色板顏色的簡化版本
色調 whitesmoke, 色調 lightgrey, 陰影 darkgrey, 色調 rosybrown, 陰影 sienna, 色調 sienna, 陰影 saddlebrown, 色調 saddlebrown, 陰影 栗色, 陰影 黑色的
配色方案是由 mz
調色盤中的顏色代碼
Brown palette Materialize CSS 表中顏色代碼 HEX、RGB 訊息
顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
#efebe9 | RGB(239, 235, 233) | brown lighten-5 | — | |
#d7ccc8 | RGB(215, 204, 200) | brown lighten-4 | — | |
#bcaaa4 | RGB(188, 170, 164) | brown lighten-3 | — | |
#a1887f | RGB(161, 136, 127) | brown lighten-2 | — | |
#8d6e63 | RGB(141, 110, 99) | brown lighten-1 | — | |
#795548 | RGB(121, 85, 72) | brown | — | |
#6d4c41 | RGB(109, 76, 65) | brown darken-1 | — | |
#5d4037 | RGB(93, 64, 55) | brown darken-2 | — | |
#4e342e | RGB(78, 52, 46) | brown darken-3 | — | |
#3e2723 | RGB(62, 39, 35) | brown darken-4 | — |
色彩調色板對比度
17 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 | 背景顏色 | 對比 |
#efebe9 | #d7ccc8 | 1.32 |
#efebe9 | #bcaaa4 | 1.88 |
#d7ccc8 | #bcaaa4 | 1.41 |
#bcaaa4 | #a1887f | 1.48 |
#a1887f | #8d6e63 | 1.39 |
#a1887f | #795548 | 1.97 |