Створено 08/19/2022 09:03
Animation interface design ux colors
- Barbie Pink#e92485
- Pale Cerulean#9cbfeb
- Japanese Indigo#24444c
- Dim Gray#6a6c70
- Pink Lavender#cdb7ca
- Dark Slate Gray#344e54
Палітра містить напівтемний, світлий кольори. Акцентні кольори Barbie Pink #e92485 та Japanese Indigo #24444c. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #24444C (найтемніший) до #9CBFEB (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Відтінки широко розкидані по колі — різноманітна палітра (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #24444C, #344E54, #6A6C70, #9CBFEB, #CDB7CA, #E92485
Палітра Animation interface design ux colors містить комбінацію з 6 кодів кольорів :
HEX: #e92485, RGB: (233, 36, 133); HEX: #9cbfeb, RGB: (156, 191, 235); HEX: #24444c, RGB: (36, 68, 76)
HEX: #6a6c70, RGB: (106, 108, 112); HEX: #cdb7ca, RGB: (205, 183, 202); HEX: #344e54, RGB: (52, 78, 84)
Спрощений варіант палітри кольорів
Відтінок deeppink, Відтінок lightsteelblue, Відтінок darkslategrey, Відтінок dimgrey, Відтінок thistle, Відтінок darkslategrey
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Animation interface design ux colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #e92485 | #e92485 | RGB(233, 36, 133) | Barbie Pink | — |
| #9cbfeb | #9cbfeb | RGB(156, 191, 235) | Pale Cerulean | — |
| #24444c | #24444c | RGB(36, 68, 76) | Japanese Indigo | — |
| #6a6c70 | #6a6c70 | RGB(106, 108, 112) | Dim Gray | — |
| #cdb7ca | #cdb7ca | RGB(205, 183, 202) | Pink Lavender | — |
| #344e54 | #344e54 | RGB(52, 78, 84) | Dark Slate Gray | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#e92485 | #6a6c70 | 1.26 |
#9cbfeb | #cdb7ca | 1.01 |
#24444c | #6a6c70 | 1.98 |
#24444c | #344e54 | 1.17 |
#6a6c70 | #344e54 | 1.68 |
Зображення палітри Animation interface design ux colors png
Експортувати палітру
Завантажте "Animation interface design ux colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: