Создано 12/15/2017 21:20
3
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 кодов цветов:
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)
Упрощенная версия цветов палитры
Оттенок darkslategrey, Оттенок darkslategrey, Тень darkslategrey, Оттенок slategrey, Оттенок slategrey, Тень lightslategrey, Оттенок darkgrey, Оттенок Серебряный, Тень lightgrey, Оттенок whitesmoke
Цветовая схема создана автором mz
Коды цветов в палитре
Blue Grey palette Materialize CSS коды цветов HEX, RGB информация в таблице
| Цвет | HEX | 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-3 | Ocean 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 |
