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
創建於 12/15/2017 21:20
調色盤由 深色, 半暗, 淺色 種顏色組成. 強調色 blue-grey darken-4 #263238 和 blue-grey darken-1 #546e7a. 調色盤有 冷色, 中性色 色溫.
依亮度,此調色盤由 #263238(最深)到 #ECEFF1(最淺)。 亮度範圍較寬。
整體飽和度多半偏柔(彩度較低)——100% 的顏色偏柔和。
類比色調色盤:色相在色輪上彼此相近,範圍約 6°。
整體色溫偏冷(10 中有 9)。
HEX 代碼(排序):#263238, #37474F, #455A64, #546E7A, #607D8B, #78909C, #90A4AE, #B0BEC5, #CFD8DC, #ECEFF1
調色盤 Blue Grey palette Materialize CSS 具有 10 程式碼顏色的組合:
HEX: #263238, RGB: (38, 50, 56); HEX: #37474f, RGB: (55, 71, 79); HEX: #455a64, RGB: (69, 90, 100)
HEX: #546e7a, RGB: (84, 110, 122); HEX: #607d8b, RGB: (96, 125, 139); HEX: #78909c, RGB: (120, 144, 156)
HEX: #90a4ae, RGB: (144, 164, 174); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #cfd8dc, RGB: (207, 216, 220)
HEX: #eceff1, RGB: (236, 239, 241)
調色板顏色的簡化版本
暗色調 暗岩灰色, 暗色調 暗岩灰色, 淺色調 暗岩灰色, 暗色調 岩灰色, 暗色調 岩灰色, 淺色調 淺岩灰色, 暗色調 暗灰色, 暗色調 銀色, 淺色調 淺灰色, 暗色調 白煙色
配色方案是由 mz
調色盤中的顏色代碼
Blue Grey palette Materialize CSS 表中顏色代碼 HEX、RGB 訊息
| 顏色 | HEX | RGB | 名稱 | 備用名稱 |
|---|---|---|---|---|
| #263238 | #263238 | RGB(38, 50, 56) | blue-grey darken-4 | — |
| #37474f | #37474f | RGB(55, 71, 79) | blue-grey darken-3 | — |
| #455a64 | #455a64 | RGB(69, 90, 100) | blue-grey darken-2 | — |
| #546e7a | #546e7a | RGB(84, 110, 122) | blue-grey darken-1 | — |
| #607d8b | #607d8b | RGB(96, 125, 139) | blue-grey | — |
| #78909c | #78909c | RGB(120, 144, 156) | blue-grey lighten-1 | — |
| #90a4ae | #90a4ae | RGB(144, 164, 174) | blue-grey lighten-2 | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | blue-grey lighten-3 | Ocean Drive |
| #cfd8dc | #cfd8dc | RGB(207, 216, 220) | blue-grey lighten-4 | — |
| #eceff1 | #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
匯出調色盤
下載 "Blue Grey palette Materialize CSS" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
