Light Blue palette Materialize CSS
- light-blue lighten-5#e1f5fe
- light-blue lighten-4#b3e5fc
- light-blue lighten-3#81d4fa
- light-blue lighten-2#4fc3f7
- light-blue lighten-1#29b6f6
- light-blue#03a9f4
- light-blue darken-1#039be5
- light-blue darken-2#0288d1
- light-blue darken-3#0277bd
- light-blue darken-4#01579b
- light-blue accent-1#80d8ff
- light-blue accent-2#40c4ff
- light-blue accent-3#00b0ff
- light-blue accent-4#0091ea
Создано 12/27/2017 20:23
Палитра содержит светлый, полутемный цвета. Акцентные цвета light-blue accent-1 #80d8ff и light-blue accent-2 #40c4ff. Палитра имеет цветовую температуру Нейтральный, Холодный.
По светлоте палитра тянется от #01579B (самый тёмный) до #E1F5FE (самый светлый). Диапазон светлоты умеренный.
В целом насыщенность выглядит яркой (высокая хрома) — 100% цветов насыщенные.
Аналоговая палитра: оттенки расположены рядом на цветовом круге, в пределах около 8°.
В целом температура смещена в сторону холодного (13 из 14).
HEX-коды (по возрастанию): #0091EA, #00B0FF, #01579B, #0277BD, #0288D1, #039BE5, #03A9F4, #29B6F6, #40C4FF, #4FC3F7, #80D8FF, #81D4FA, #B3E5FC, #E1F5FE
Палитра Light Blue palette Materialize CSS содержит комбинацию из 14 кодов цветов:
HEX: #e1f5fe, RGB: (225, 245, 254); HEX: #b3e5fc, RGB: (179, 229, 252); HEX: #81d4fa, RGB: (129, 212, 250)
HEX: #4fc3f7, RGB: (79, 195, 247); HEX: #29b6f6, RGB: (41, 182, 246); HEX: #03a9f4, RGB: (3, 169, 244)
HEX: #039be5, RGB: (3, 155, 229); HEX: #0288d1, RGB: (2, 136, 209); HEX: #0277bd, RGB: (2, 119, 189)
HEX: #01579b, RGB: (1, 87, 155); HEX: #80d8ff, RGB: (128, 216, 255); HEX: #40c4ff, RGB: (64, 196, 255)
HEX: #00b0ff, RGB: (0, 176, 255); HEX: #0091ea, RGB: (0, 145, 234)
Упрощенная версия цветов палитры
Тёмный оттенок Лазурный, Светлый оттенок Светло-голубой, Светлый оттенок Небесно-голубой, Светлый оттенок Насыщенный небесно-голубой, Светлый оттенок Насыщенный небесно-голубой, Тёмный оттенок Насыщенный небесно-голубой, Тёмный оттенок Защитно-синий, Тёмный оттенок Стальной синий, Тёмный оттенок Стальной синий, Тёмный оттенок Королевский синий, Светлый оттенок Небесно-голубой, Светлый оттенок Насыщенный небесно-голубой, Тёмный оттенок Насыщенный небесно-голубой, Тёмный оттенок Защитно-синий
Цветовая схема создана автором mz
Коды цветов в палитре
Light Blue palette Materialize CSS коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #e1f5fe | #e1f5fe | RGB(225, 245, 254) | light-blue lighten-5 | — |
| #b3e5fc | #b3e5fc | RGB(179, 229, 252) | light-blue lighten-4 | — |
| #81d4fa | #81d4fa | RGB(129, 212, 250) | light-blue lighten-3 | — |
| #4fc3f7 | #4fc3f7 | RGB(79, 195, 247) | light-blue lighten-2 | — |
| #29b6f6 | #29b6f6 | RGB(41, 182, 246) | light-blue lighten-1 | — |
| #03a9f4 | #03a9f4 | RGB(3, 169, 244) | light-blue | — |
| #039be5 | #039be5 | RGB(3, 155, 229) | light-blue darken-1 | — |
| #0288d1 | #0288d1 | RGB(2, 136, 209) | light-blue darken-2 | — |
| #0277bd | #0277bd | RGB(2, 119, 189) | light-blue darken-3 | — |
| #01579b | #01579b | RGB(1, 87, 155) | light-blue darken-4 | — |
| #80d8ff | #80d8ff | RGB(128, 216, 255) | light-blue accent-1 | — |
| #40c4ff | #40c4ff | RGB(64, 196, 255) | light-blue accent-2 | — |
| #00b0ff | #00b0ff | RGB(0, 176, 255) | light-blue accent-3 | — |
| #0091ea | #0091ea | RGB(0, 145, 234) | light-blue accent-4 | — |
Контраст палитры цветов
60 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#e1f5fe | #b3e5fc | 1.2 |
#e1f5fe | #81d4fa | 1.46 |
#e1f5fe | #4fc3f7 | 1.78 |
#e1f5fe | #80d8ff | 1.41 |
#e1f5fe | #40c4ff | 1.77 |
#b3e5fc | #81d4fa | 1.21 |
Палитра из изображения Light Blue palette Materialize CSS png
Экспорт палитры
Скачайте "Light Blue palette Materialize CSS" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: