Создано 12/27/2017 20:14
Deep Purple palette Materialize CSS
- deep-purple lighten-5#ede7f6
- deep-purple lighten-4#d1c4e9
- deep-purple lighten-3#b39ddb
- deep-purple lighten-2#9575cd
- deep-purple lighten-1#7e57c2
- deep-purple#673ab7
- deep-purple darken-1#5e35b1
- deep-purple darken-2#512da8
- deep-purple darken-3#4527a0
- deep-purple darken-4#311b92
- deep-purple accent-1#b388ff
- deep-purple accent-2#7c4dff
- deep-purple accent-3#651fff
- deep-purple accent-4#6200ea
Палитра содержит светлый, темный, полутемный цвета. Акцентные цвета deep-purple accent-1 #b388ff да deep-purple accent-2 #7c4dff. Палитра имеет цветовую температуру Нейтральный, Холодный.
По светлоте палитра тянется от #311B92 (самый тёмный) до #EDE7F6 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Распределение оттенков напоминает в основном аналоговую группу (эвристика, не строгая теория).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #311B92, #4527A0, #512DA8, #5E35B1, #6200EA, #651FFF, #673AB7, #7C4DFF, #7E57C2, #9575CD, #B388FF, #B39DDB, #D1C4E9, #EDE7F6
Палитра Deep Purple palette Materialize CSS содержит комбинацию из 14 кодов цветов:
HEX: #ede7f6, RGB: (237, 231, 246); HEX: #d1c4e9, RGB: (209, 196, 233); HEX: #b39ddb, RGB: (179, 157, 219)
HEX: #9575cd, RGB: (149, 117, 205); HEX: #7e57c2, RGB: (126, 87, 194); HEX: #673ab7, RGB: (103, 58, 183)
HEX: #5e35b1, RGB: (94, 53, 177); HEX: #512da8, RGB: (81, 45, 168); HEX: #4527a0, RGB: (69, 39, 160)
HEX: #311b92, RGB: (49, 27, 146); HEX: #b388ff, RGB: (179, 136, 255); HEX: #7c4dff, RGB: (124, 77, 255)
HEX: #651fff, RGB: (101, 31, 255); HEX: #6200ea, RGB: (98, 0, 234)
Упрощенная версия цветов палитры
Тень lavender, Тень thistle, Оттенок plum, Тень mediumpurple, Тень slateblue, Оттенок blueviolet, Тень darkslateblue, Оттенок darkslateblue, Оттенок darkslateblue, Тень darkblue, Тень mediumpurple, Оттенок mediumslateblue, Оттенок blueviolet, Тень Синий
Цветовая схема создана автором mz
Больше палитр с:
Коды цветов в палитре
Deep Purple palette Materialize CSS коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #ede7f6 | #ede7f6 | RGB(237, 231, 246) | deep-purple lighten-5 | — |
| #d1c4e9 | #d1c4e9 | RGB(209, 196, 233) | deep-purple lighten-4 | — |
| #b39ddb | #b39ddb | RGB(179, 157, 219) | deep-purple lighten-3 | — |
| #9575cd | #9575cd | RGB(149, 117, 205) | deep-purple lighten-2 | — |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | deep-purple lighten-1 | — |
| #673ab7 | #673ab7 | RGB(103, 58, 183) | deep-purple | — |
| #5e35b1 | #5e35b1 | RGB(94, 53, 177) | deep-purple darken-1 | — |
| #512da8 | #512da8 | RGB(81, 45, 168) | deep-purple darken-2 | — |
| #4527a0 | #4527a0 | RGB(69, 39, 160) | deep-purple darken-3 | — |
| #311b92 | #311b92 | RGB(49, 27, 146) | deep-purple darken-4 | — |
| #b388ff | #b388ff | RGB(179, 136, 255) | deep-purple accent-1 | — |
| #7c4dff | #7c4dff | RGB(124, 77, 255) | deep-purple accent-2 | — |
| #651fff | #651fff | RGB(101, 31, 255) | deep-purple accent-3 | — |
| #6200ea | #6200ea | RGB(98, 0, 234) | deep-purple accent-4 | — |
Контраст палитры цветов
46 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#ede7f6 | #d1c4e9 | 1.35 |
#ede7f6 | #b39ddb | 1.98 |
#d1c4e9 | #b39ddb | 1.45 |
#d1c4e9 | #b388ff | 1.62 |
#b39ddb | #9575cd | 1.53 |
#b39ddb | #b388ff | 1.11 |
Изображение палитры Deep Purple palette Materialize CSS png
Экспорт палитры
Скачайте "Deep Purple palette Materialize CSS" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: