創建於 02/09/2021 10:32
  15.81k

Material Design Color Palette (20 colors) (1)

Red
#f44336
Pink
#e81e63
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
Gray
#9e9e9e
Blue Gray
#607d8b
#000000
調色盤由 光, 半暗, 黑暗的 種顏色組成. 強調色 Cyan #00bcd4 和 Yellow #ffeb3b. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.
調色盤 Material Design Color Palette (20 colors) (1) 具有 20 程式碼顏色的組合:
十六進位: #f44336, RGB: (244, 67, 54); 十六進位: #e81e63, RGB: (232, 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); 十六進位: #000000, RGB: (0, 0, 0)
調色板顏色的簡化版本
色調 tomato, 陰影 crimson, 色調 darkorchid, 色調 blueviolet, 色調 slateblue, 陰影 dodgerblue, 色調 deepskyblue, 色調 darkturquoise, 陰影 darkcyan, 色調 mediumseagreen, 色調 黃綠色, 陰影 黃綠色, 色調 黃色的, 色調 gold, 陰影 darkorange, 陰影 orangered, 色調 sienna, 色調 darkgrey, 色調 slategrey, 黑色的
配色方案是由 MyPalettes

調色盤中的顏色代碼

Material Design Color Palette (20 colors) (1) 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#f44336 RGB(244, 67, 54)Red
#e81e63 RGB(232, 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)GrayGray62
#607d8b RGB(96, 125, 139)Blue Gray
#000000 RGB(0, 0, 0)Black

色彩調色板對比度

105 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#f44336
#e81e63
1.18
#f44336
#9c27b0
1.71
#f44336
#673ab7
1.98
#f44336
#3f51b5
1.86
#f44336
#2196f3
1.17
#f44336
#03a9f4
1.4

圖像調色板 Material Design Color Palette (20 colors) (1) PNG