Створено 12/27/2017 20:20
1
Indigo palette Materialize CSS
indigo lighten-4
#e8eaf6
indigo lighten-3
#c5cae9
indigo lighten-2
#9fa8da
indigo lighten-1
#7986cb
#5c6bc0
indigo
#3f51b5
indigo darken-1
#3949ab
indigo darken-2
#303f9f
indigo darken-3
#283593
indigo darken-4
#1a237e
indigo accent-1
#8c9eff
indigo accent-4
#304ffe
indigo accent-3
#3d5afe
indigo accent-2
#536dfe
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори indigo accent-1 #8c9eff та indigo accent-4 #304ffe. Палітра має температуру кольорів Нейтральний, Холодний.
Палітра Indigo palette Materialize CSS містить комбінацію з 14 кодів кольорів :
HEX: #e8eaf6, RGB: (232, 234, 246); HEX: #c5cae9, RGB: (197, 202, 233); HEX: #9fa8da, RGB: (159, 168, 218)
HEX: #7986cb, RGB: (121, 134, 203); HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #3f51b5, RGB: (63, 81, 181)
HEX: #3949ab, RGB: (57, 73, 171); HEX: #303f9f, RGB: (48, 63, 159); HEX: #283593, RGB: (40, 53, 147)
HEX: #1a237e, RGB: (26, 35, 126); HEX: #8c9eff, RGB: (140, 158, 255); HEX: #304ffe, RGB: (48, 79, 254)
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #536dfe, RGB: (83, 109, 254)
Спрощений варіант палітри кольорів
Відтінок lavender, Відтінок lightsteelblue, Відтінок lightsteelblue, Відтінок cornflowerblue, Відтінок royalblue, Відтінок slateblue, Відтінок darkslateblue, Відтінок darkslateblue, Відтінок darkslateblue, Відтінок midnightblue, Відтінок cornflowerblue, Відтінок slateblue, Відтінок royalblue, Відтінок royalblue
Кольорова схема створена автором mz
Коди кольорів у палітрі
Indigo palette Materialize CSS коди кольорів HEX, RGB інформація у таблиці
Колір | HEX | RGB | Назва | Альтернативна назва |
#e8eaf6 | RGB(232, 234, 246) | indigo lighten-4 | — | |
#c5cae9 | RGB(197, 202, 233) | indigo lighten-3 | — | |
#9fa8da | RGB(159, 168, 218) | indigo lighten-2 | — | |
#7986cb | RGB(121, 134, 203) | indigo lighten-1 | — | |
#5c6bc0 | RGB(92, 107, 192) | — | — | |
#3f51b5 | RGB(63, 81, 181) | indigo | — | |
#3949ab | RGB(57, 73, 171) | indigo darken-1 | — | |
#303f9f | RGB(48, 63, 159) | indigo darken-2 | — | |
#283593 | RGB(40, 53, 147) | indigo darken-3 | — | |
#1a237e | RGB(26, 35, 126) | indigo darken-4 | — | |
#8c9eff | RGB(140, 158, 255) | indigo accent-1 | — | |
#304ffe | RGB(48, 79, 254) | indigo accent-4 | — | |
#3d5afe | RGB(61, 90, 254) | indigo accent-3 | — | |
#536dfe | RGB(83, 109, 254) | indigo accent-2 | — |
Контраст палітри кольорів
43 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту | Колір фону | Коефіцієнт контрастності |
#e8eaf6 | #c5cae9 | 1.34 |
#e8eaf6 | #9fa8da | 1.92 |
#c5cae9 | #9fa8da | 1.43 |
#c5cae9 | #8c9eff | 1.53 |
#9fa8da | #7986cb | 1.49 |
#9fa8da | #8c9eff | 1.07 |