Создано 12/27/2017 20:14
1
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. Палитра имеет цветовую температуру Нейтральный, Холодный.
Палитра 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 | RGB(237, 231, 246) | deep-purple lighten-5 | — | |
| #d1c4e9 | RGB(209, 196, 233) | deep-purple lighten-4 | — | |
| #b39ddb | RGB(179, 157, 219) | deep-purple lighten-3 | — | |
| #9575cd | RGB(149, 117, 205) | deep-purple lighten-2 | — | |
| #7e57c2 | RGB(126, 87, 194) | deep-purple lighten-1 | — | |
| #673ab7 | RGB(103, 58, 183) | deep-purple | — | |
| #5e35b1 | RGB(94, 53, 177) | deep-purple darken-1 | — | |
| #512da8 | RGB(81, 45, 168) | deep-purple darken-2 | — | |
| #4527a0 | RGB(69, 39, 160) | deep-purple darken-3 | — | |
| #311b92 | RGB(49, 27, 146) | deep-purple darken-4 | — | |
| #b388ff | RGB(179, 136, 255) | deep-purple accent-1 | — | |
| #7c4dff | RGB(124, 77, 255) | deep-purple accent-2 | — | |
| #651fff | RGB(101, 31, 255) | deep-purple accent-3 | — | |
| #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 |
