Создано 12/27/2017 12:56
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. Палитра имеет цветовую температуру Нейтральный, Холодный.
По светлоте палитра тянется от #0D47A1 (самый тёмный) до #E3F2FD (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Распределение оттенков напоминает в основном аналоговую группу (эвристика, не строгая теория).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #0D47A1, #1565C0, #1976D2, #1E88E5, #2196F3, #2962FF, #2979FF, #42A5F5, #448AFF, #64B5F6, #82B1FF, #90CAF9, #BBDEFB, #E3F2FD
Палитра 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 | #e3f2fd | RGB(227, 242, 253) | blue lighten-5 | — |
| #bbdefb | #bbdefb | RGB(187, 222, 251) | blue lighten-4 | — |
| #90caf9 | #90caf9 | RGB(144, 202, 249) | blue lighten-3 | — |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | blue lighten-2 | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | blue lighten-1 | — |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | blue | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | blue darken-1 | — |
| #1976d2 | #1976d2 | RGB(25, 118, 210) | blue darken-2 | — |
| #1565c0 | #1565c0 | RGB(21, 101, 192) | blue darken-3 | — |
| #0d47a1 | #0d47a1 | RGB(13, 71, 161) | blue darken-4 | — |
| #82b1ff | #82b1ff | RGB(130, 177, 255) | blue accent-1 | — |
| #448aff | #448aff | RGB(68, 138, 255) | blue accent-2 | — |
| #2979ff | #2979ff | RGB(41, 121, 255) | blue accent-3 | — |
| #2962ff | #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
Экспорт палитры
Скачайте "Blue palette Materialize CSS" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: