Створено 09/17/2022 14:14
Mobile app design palette
- Button Blue#149df5
- Orange-Yellow (Crayola)#f0c165
- Vampire Black#040c0c
- Bazaar#a16986
- Lilac Luster#ae9aa2
- Outer Space (Crayola)#303c3b
Палітра містить світлий, темний кольори. Акцентні кольори Button Blue #149df5 та Orange-Yellow (Crayola) #f0c165. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #040C0C (найтемніший) до #F0C165 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #040C0C, #149DF5, #303C3B, #A16986, #AE9AA2, #F0C165
Палітра Mobile app design palette містить комбінацію з 6 кодів кольорів :
HEX: #149df5, RGB: (20, 157, 245); HEX: #f0c165, RGB: (240, 193, 101); HEX: #040c0c, RGB: (4, 12, 12)
HEX: #a16986, RGB: (161, 105, 134); HEX: #ae9aa2, RGB: (174, 154, 162); HEX: #303c3b, RGB: (48, 60, 59)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок goldenrod, Відтінок Чорний, Відтінок palevioletred, Відтінок rosybrown, Відтінок darkslategrey
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Mobile app design palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #149df5 | #149df5 | RGB(20, 157, 245) | Button Blue | — |
| #f0c165 | #f0c165 | RGB(240, 193, 101) | Orange-Yellow (Crayola) | — |
| #040c0c | #040c0c | RGB(4, 12, 12) | Vampire Black | — |
| #a16986 | #a16986 | RGB(161, 105, 134) | Bazaar | — |
| #ae9aa2 | #ae9aa2 | RGB(174, 154, 162) | Lilac Luster | — |
| #303c3b | #303c3b | RGB(48, 60, 59) | Outer Space (Crayola) | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#149df5 | #f0c165 | 1.74 |
#149df5 | #a16986 | 1.46 |
#149df5 | #ae9aa2 | 1.1 |
#f0c165 | #ae9aa2 | 1.57 |
#040c0c | #303c3b | 1.72 |
#a16986 | #ae9aa2 | 1.62 |
Зображення палітри Mobile app design palette png
Експортувати палітру
Завантажте "Mobile app design palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: