Створено 12/27/2017 19:59
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. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #4A148C (найтемніший) до #F3E5F5 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #4A148C, #6A1B9A, #7B1FA2, #8E24AA, #9C27B0, #AA00FF, #AB47BC, #BA68C8, #CE93D8, #D500F9, #E040FB, #E1BEE7, #EA80FC, #F3E5F5
Палітра 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 | #f3e5f5 | RGB(243, 229, 245) | purple lighten-5 | — |
| #e1bee7 | #e1bee7 | RGB(225, 190, 231) | purple lighten-4 | — |
| #ce93d8 | #ce93d8 | RGB(206, 147, 216) | purple lighten-3 | — |
| #ba68c8 | #ba68c8 | RGB(186, 104, 200) | purple lighten-2 | — |
| #ab47bc | #ab47bc | RGB(171, 71, 188) | purple lighten-1 | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | purple | — |
| #8e24aa | #8e24aa | RGB(142, 36, 170) | purple darken-1 | — |
| #7b1fa2 | #7b1fa2 | RGB(123, 31, 162) | purple darken-2 | — |
| #6a1b9a | #6a1b9a | RGB(106, 27, 154) | purple darken-3 | — |
| #4a148c | #4a148c | RGB(74, 20, 140) | purple darken-4 | — |
| #ea80fc | #ea80fc | RGB(234, 128, 252) | purple accent-1 | — |
| #e040fb | #e040fb | RGB(224, 64, 251) | purple accent-2 | — |
| #d500f9 | #d500f9 | RGB(213, 0, 249) | purple accent-3 | — |
| #aa00ff | #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 |
Зображення палітри Purple palette Materialize CSS png
Експортувати палітру
Завантажте "Purple palette Materialize CSS" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: