Створено 12/27/2017 19:59
2
Purple palette Materialize CSS
purple lighten-5
#f3e5f5
purple lighten-4
#e1bee7
purple lighten-3
#ce93d8
purple lighten-2
#ba68c8
purple lighten-1
#ab47bc
purple
#9c27b0
purple darken-1
#8e24aa
purple darken-2
#7b1fa2
purple darken-3
#6a1b9a
purple darken-4
#4a148c
purple accent-1
#ea80fc
purple accent-2
#e040fb
purple accent-3
#d500f9
purple accent-4
#aa00ff
Палітра містить світлий, темний кольори. Акцентні кольори purple accent-3 #d500f9 та purple accent-4 #aa00ff. Палітра має температуру кольорів Нейтральний, Холодний.
Палітра Purple palette Materialize CSS містить комбінацію з 14 кодів кольорів :
HEX: #f3e5f5, RGB: (243, 229, 245); HEX: #e1bee7, RGB: (225, 190, 231); HEX: #ce93d8, RGB: (206, 147, 216)
HEX: #ba68c8, RGB: (186, 104, 200); HEX: #ab47bc, RGB: (171, 71, 188); HEX: #9c27b0, RGB: (156, 39, 176)
HEX: #8e24aa, RGB: (142, 36, 170); HEX: #7b1fa2, RGB: (123, 31, 162); HEX: #6a1b9a, RGB: (106, 27, 154)
HEX: #4a148c, RGB: (74, 20, 140); HEX: #ea80fc, RGB: (234, 128, 252); HEX: #e040fb, RGB: (224, 64, 251)
HEX: #d500f9, RGB: (213, 0, 249); HEX: #aa00ff, RGB: (170, 0, 255)
Спрощений варіант палітри кольорів
Відтінок lavenderblush, Відтінок thistle, Відтінок plum, Відтінок mediumorchid, Відтінок mediumorchid, Відтінок darkorchid, Відтінок darkorchid, Відтінок darkmagenta, Відтінок indigo, Відтінок indigo, Відтінок violet, Відтінок пурпуровий, Відтінок пурпуровий, Відтінок blueviolet
Кольорова схема створена автором mz
Коди кольорів у палітрі
Purple palette Materialize CSS коди кольорів HEX, RGB інформація у таблиці
Колір | HEX | RGB | Назва | Альтернативна назва |
#f3e5f5 | RGB(243, 229, 245) | purple lighten-5 | — | |
#e1bee7 | RGB(225, 190, 231) | purple lighten-4 | — | |
#ce93d8 | RGB(206, 147, 216) | purple lighten-3 | — | |
#ba68c8 | RGB(186, 104, 200) | purple lighten-2 | — | |
#ab47bc | RGB(171, 71, 188) | purple lighten-1 | — | |
#9c27b0 | RGB(156, 39, 176) | purple | — | |
#8e24aa | RGB(142, 36, 170) | purple darken-1 | — | |
#7b1fa2 | RGB(123, 31, 162) | purple darken-2 | — | |
#6a1b9a | RGB(106, 27, 154) | purple darken-3 | — | |
#4a148c | RGB(74, 20, 140) | purple darken-4 | — | |
#ea80fc | RGB(234, 128, 252) | purple accent-1 | — | |
#e040fb | RGB(224, 64, 251) | purple accent-2 | — | |
#d500f9 | RGB(213, 0, 249) | purple accent-3 | — | |
#aa00ff | RGB(170, 0, 255) | purple accent-4 | Digital Violets |
Контраст палітри кольорів
45 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту | Колір фону | Коефіцієнт контрастності |
#f3e5f5 | #e1bee7 | 1.36 |
#f3e5f5 | #ce93d8 | 1.97 |
#f3e5f5 | #ea80fc | 1.92 |
#e1bee7 | #ce93d8 | 1.44 |
#e1bee7 | #ea80fc | 1.41 |
#ce93d8 | #ba68c8 | 1.48 |