創建於 12/27/2017 12:56
經過mz
  16.36k

Blue palette Materialize CSS

blue lighten-5
#e3f2fd
blue lighten-4
#bbdefb
blue lighten-3
#90caf9
blue lighten-2
#64b5f6
blue lighten-1
#42a5f5
blue
#2196f3
blue darken-1
#1e88e5
blue darken-2
#1976d2
blue darken-3
#1565c0
blue darken-4
#0d47a1
blue accent-1
#82b1ff
blue accent-2
#448aff
blue accent-3
#2979ff
blue accent-4
#2962ff
調色盤由 光, 半暗 種顏色組成. 強調色 blue accent-1 #82b1ff 和 blue accent-2 #448aff. 調色盤有 中性的, 涼爽的 色溫.
調色盤 Blue palette Materialize CSS 具有 14 程式碼顏色的組合:
十六進位: #e3f2fd, RGB: (227, 242, 253); 十六進位: #bbdefb, RGB: (187, 222, 251); 十六進位: #90caf9, RGB: (144, 202, 249)
十六進位: #64b5f6, RGB: (100, 181, 246); 十六進位: #42a5f5, RGB: (66, 165, 245); 十六進位: #2196f3, RGB: (33, 150, 243)
十六進位: #1e88e5, RGB: (30, 136, 229); 十六進位: #1976d2, RGB: (25, 118, 210); 十六進位: #1565c0, RGB: (21, 101, 192)
十六進位: #0d47a1, RGB: (13, 71, 161); 十六進位: #82b1ff, RGB: (130, 177, 255); 十六進位: #448aff, RGB: (68, 138, 255)
十六進位: #2979ff, RGB: (41, 121, 255); 十六進位: #2962ff, RGB: (41, 98, 255)
調色板顏色的簡化版本
色調 aliceblue, 陰影 lightsteelblue, 陰影 lightskyblue, 陰影 deepskyblue, 陰影 dodgerblue, 陰影 dodgerblue, 色調 dodgerblue, 色調 steelblue, 色調 royalblue, 色調 darkslateblue, 陰影 cornflowerblue, 陰影 dodgerblue, 陰影 royalblue, 色調 royalblue
配色方案是由 mz

調色盤中的顏色代碼

Blue palette Materialize CSS 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#e3f2fd RGB(227, 242, 253)blue lighten-5
#bbdefb RGB(187, 222, 251)blue lighten-4
#90caf9 RGB(144, 202, 249)blue lighten-3
#64b5f6 RGB(100, 181, 246)blue lighten-2
#42a5f5 RGB(66, 165, 245)blue lighten-1
#2196f3 RGB(33, 150, 243)blue
#1e88e5 RGB(30, 136, 229)blue darken-1
#1976d2 RGB(25, 118, 210)blue darken-2
#1565c0 RGB(21, 101, 192)blue darken-3
#0d47a1 RGB(13, 71, 161)blue darken-4
#82b1ff RGB(130, 177, 255)blue accent-1
#448aff RGB(68, 138, 255)blue accent-2
#2979ff RGB(41, 121, 255)blue accent-3
#2962ff RGB(41, 98, 255)blue accent-4

色彩調色板對比度

54 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#e3f2fd
#bbdefb
1.22
#e3f2fd
#90caf9
1.53
#e3f2fd
#64b5f6
1.93
#e3f2fd
#82b1ff
1.89
#bbdefb
#90caf9
1.24
#bbdefb
#64b5f6
1.57

圖像調色板 Blue palette Materialize CSS PNG