創建於 03/29/2024 13:24
Material Design Lite (MDL) CSS Framework colors
red
#f44336
pink
#e91e63
purple
#9c27b0
deep-purple
#673ab7
indigo
#3f51b5
blue
#2196f3
light-blue
#03a9f4
cyan
#00bcd4
teal
#009688
green
#4caf50
light-green
#8bc34a
lime
#cddc39
yellow
#ffeb3b
amber
#ffc107
orange
#ff9800
deep-orange
#ff5722
brown
#795548
grey
#9e9e9e
blue-grey
#607d8b
調色盤由 光, 半暗 種顏色組成. 強調色 red 和 pink. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.
調色盤 Material Design Lite (MDL) CSS Framework colors 具有 19 程式碼顏色的組合:
十六進位: #f44336, RGB: (244, 67, 54); 十六進位: #e91e63, RGB: (233, 30, 99); 十六進位: #9c27b0, RGB: (156, 39, 176)
十六進位: #673ab7, RGB: (103, 58, 183); 十六進位: #3f51b5, RGB: (63, 81, 181); 十六進位: #2196f3, RGB: (33, 150, 243)
十六進位: #03a9f4, RGB: (3, 169, 244); 十六進位: #00bcd4, RGB: (0, 188, 212); 十六進位: #009688, RGB: (0, 150, 136)
十六進位: #4caf50, RGB: (76, 175, 80); 十六進位: #8bc34a, RGB: (139, 195, 74); 十六進位: #cddc39, RGB: (205, 220, 57)
十六進位: #ffeb3b, RGB: (255, 235, 59); 十六進位: #ffc107, RGB: (255, 193, 7); 十六進位: #ff9800, RGB: (255, 152, 0)
十六進位: #ff5722, RGB: (255, 87, 34); 十六進位: #795548, RGB: (121, 85, 72); 十六進位: #9e9e9e, RGB: (158, 158, 158)
十六進位: #607d8b, RGB: (96, 125, 139)
調色板顏色的簡化版本
色調 tomato, 陰影 crimson, 色調 darkorchid, 色調 blueviolet, 色調 slateblue, 陰影 dodgerblue, 色調 deepskyblue, 色調 darkturquoise, 陰影 darkcyan, 色調 mediumseagreen, 色調 黃綠色, 陰影 黃綠色, 色調 黃色的, 色調 gold, 陰影 darkorange, 陰影 orangered, 色調 sienna, 色調 darkgrey, 色調 slategrey
配色方案是由 colorstudio
調色盤中的顏色代碼
Material Design Lite (MDL) CSS Framework colors 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #f44336 | RGB(244, 67, 54) | red | — | |
| #e91e63 | RGB(233, 30, 99) | pink | — | |
| #9c27b0 | RGB(156, 39, 176) | purple | — | |
| #673ab7 | RGB(103, 58, 183) | deep-purple | — | |
| #3f51b5 | RGB(63, 81, 181) | indigo | — | |
| #2196f3 | RGB(33, 150, 243) | blue | — | |
| #03a9f4 | RGB(3, 169, 244) | light-blue | — | |
| #00bcd4 | RGB(0, 188, 212) | cyan | — | |
| #009688 | RGB(0, 150, 136) | teal | — | |
| #4caf50 | RGB(76, 175, 80) | green | — | |
| #8bc34a | RGB(139, 195, 74) | light-green | — | |
| #cddc39 | RGB(205, 220, 57) | lime | — | |
| #ffeb3b | RGB(255, 235, 59) | yellow | — | |
| #ffc107 | RGB(255, 193, 7) | amber | — | |
| #ff9800 | RGB(255, 152, 0) | orange | — | |
| #ff5722 | RGB(255, 87, 34) | deep-orange | — | |
| #795548 | RGB(121, 85, 72) | brown | — | |
| #9e9e9e | RGB(158, 158, 158) | grey | Gray62 | |
| #607d8b | RGB(96, 125, 139) | blue-grey | — |
