創建於 12/15/2017 21:20
經過mz
  24.48k

Blue Grey palette Materialize CSS

blue-grey darken-4
#263238
blue-grey darken-3
#37474f
blue-grey darken-2
#455a64
blue-grey darken-1
#546e7a
blue-grey
#607d8b
blue-grey lighten-1
#78909c
blue-grey lighten-2
#90a4ae
blue-grey lighten-3
#b0bec5
blue-grey lighten-4
#cfd8dc
blue-grey lighten-5
#eceff1
登入 將調色板保存在集合中
調色盤由 黑暗的, 光, 半暗 種顏色組成. 強調色 blue-grey darken-4 #263238 和 blue-grey darken-1 #546e7a. 調色盤有 涼爽的, 中性的 色溫.
調色盤 Blue Grey palette Materialize CSS 具有 10 程式碼顏色的組合:
十六進位: #263238, RGB: (38, 50, 56); 十六進位: #37474f, RGB: (55, 71, 79); 十六進位: #455a64, RGB: (69, 90, 100)
十六進位: #546e7a, RGB: (84, 110, 122); 十六進位: #607d8b, RGB: (96, 125, 139); 十六進位: #78909c, RGB: (120, 144, 156)
十六進位: #90a4ae, RGB: (144, 164, 174); 十六進位: #b0bec5, RGB: (176, 190, 197); 十六進位: #cfd8dc, RGB: (207, 216, 220)
十六進位: #eceff1, RGB: (236, 239, 241)
調色板顏色的簡化版本
色調 darkslategrey, 色調 darkslategrey, 陰影 darkslategrey, 色調 slategrey, 色調 slategrey, 陰影 lightslategrey, 色調 darkgrey, 色調 銀, 陰影 lightgrey, 色調 whitesmoke
配色方案是由 mz

調色盤中的顏色代碼

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

顏色 十六進位 RGB 姓名 備用名稱
#263238 RGB(38, 50, 56)blue-grey darken-4
#37474f RGB(55, 71, 79)blue-grey darken-3
#455a64 RGB(69, 90, 100)blue-grey darken-2
#546e7a RGB(84, 110, 122)blue-grey darken-1
#607d8b RGB(96, 125, 139)blue-grey
#78909c RGB(120, 144, 156)blue-grey lighten-1
#90a4ae RGB(144, 164, 174)blue-grey lighten-2
#b0bec5 RGB(176, 190, 197)blue-grey lighten-3Ocean Drive
#cfd8dc RGB(207, 216, 220)blue-grey lighten-4
#eceff1 RGB(236, 239, 241)blue-grey lighten-5

色彩調色板對比度

17 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#263238
#37474f
1.36
#263238
#455a64
1.81
#37474f
#455a64
1.33
#37474f
#546e7a
1.78
#455a64
#546e7a
1.34
#455a64
#607d8b
1.65

圖像調色板 Blue Grey palette Materialize CSS PNG

調色盤顏色: 如何使用?

點擊任意顏色即可新增 調色盤
快速調色板
最大 10 個調色板 比較
點擊“比較”圖標 添加調色板 比較列表調色板
比較調色板