Створено 12/27/2017 19:56
1
Pink palette Materialize CSS
pink lighten-5
#fce4ec
pink lighten-4
#f8bbd0
pink lighten-3
#f48fb1
pink lighten-2
#f06292
pink lighten-1
#ec407a
pink
#e91e63
pink darken-1
#d81b60
pink darken-2
#c2185b
pink darken-3
#ad1457
pink darken-4
#880e4f
pink accent-1
#ff80ab
pink accent-2
#ff4081
pink accent-3
#f50057
pink accent-4
#c51162
Палітра містить світлий, темний кольори. Акцентні кольори pink accent-1 #ff80ab та pink accent-2 #ff4081. Палітра має температуру кольорів Нейтральний, Теплий.
Палітра Pink palette Materialize CSS містить комбінацію з 14 кодів кольорів :
HEX: #fce4ec, RGB: (252, 228, 236); HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #f48fb1, RGB: (244, 143, 177)
HEX: #f06292, RGB: (240, 98, 146); HEX: #ec407a, RGB: (236, 64, 122); HEX: #e91e63, RGB: (233, 30, 99)
HEX: #d81b60, RGB: (216, 27, 96); HEX: #c2185b, RGB: (194, 24, 91); HEX: #ad1457, RGB: (173, 20, 87)
HEX: #880e4f, RGB: (136, 14, 79); HEX: #ff80ab, RGB: (255, 128, 171); HEX: #ff4081, RGB: (255, 64, 129)
HEX: #f50057, RGB: (245, 0, 87); HEX: #c51162, RGB: (197, 17, 98)
Спрощений варіант палітри кольорів
Відтінок lavenderblush, Відтінок Рожевий, Відтінок palevioletred, Відтінок palevioletred, Відтінок deeppink, Відтінок crimson, Відтінок crimson, Відтінок mediumvioletred, Відтінок mediumvioletred, Відтінок Фіолетовий, Відтінок hotpink, Відтінок deeppink, Відтінок crimson, Відтінок mediumvioletred
Кольорова схема створена автором mz
Коди кольорів у палітрі
Pink palette Materialize CSS коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fce4ec | RGB(252, 228, 236) | pink lighten-5 | — | |
| #f8bbd0 | RGB(248, 187, 208) | pink lighten-4 | — | |
| #f48fb1 | RGB(244, 143, 177) | pink lighten-3 | — | |
| #f06292 | RGB(240, 98, 146) | pink lighten-2 | — | |
| #ec407a | RGB(236, 64, 122) | pink lighten-1 | — | |
| #e91e63 | RGB(233, 30, 99) | pink | — | |
| #d81b60 | RGB(216, 27, 96) | pink darken-1 | — | |
| #c2185b | RGB(194, 24, 91) | pink darken-2 | — | |
| #ad1457 | RGB(173, 20, 87) | pink darken-3 | — | |
| #880e4f | RGB(136, 14, 79) | pink darken-4 | — | |
| #ff80ab | RGB(255, 128, 171) | pink accent-1 | — | |
| #ff4081 | RGB(255, 64, 129) | pink accent-2 | — | |
| #f50057 | RGB(245, 0, 87) | pink accent-3 | — | |
| #c51162 | RGB(197, 17, 98) | pink accent-4 | — |
Контраст палітри кольорів
55 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fce4ec | #f8bbd0 | 1.34 |
#fce4ec | #f48fb1 | 1.85 |
#fce4ec | #ff80ab | 1.95 |
#f8bbd0 | #f48fb1 | 1.38 |
#f8bbd0 | #f06292 | 1.89 |
#f8bbd0 | #ff80ab | 1.45 |
