Создано 12/27/2017 12:56
2
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 кодов цветов:
HEX: #e3f2fd, RGB: (227, 242, 253); HEX: #bbdefb, RGB: (187, 222, 251); HEX: #90caf9, RGB: (144, 202, 249)
HEX: #64b5f6, RGB: (100, 181, 246); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #1976d2, RGB: (25, 118, 210); HEX: #1565c0, RGB: (21, 101, 192)
HEX: #0d47a1, RGB: (13, 71, 161); HEX: #82b1ff, RGB: (130, 177, 255); HEX: #448aff, RGB: (68, 138, 255)
HEX: #2979ff, RGB: (41, 121, 255); HEX: #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 информация в таблице
| Цвет | HEX | 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 |
