Створено 08/11/2025 14:45
Adaptive UX Pattern Library
- Primary Blue#1565c0
- Accent Coral#ff6f61
- Focus Mint#81c784
- Neutral Gray#9e9e9e
- Alert Yellow#f9a825
- Background White#ffffff
- Text Black#000000
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Primary Blue #1565c0 та Accent Coral #ff6f61. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #000000 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #000000, #1565C0, #81C784, #9E9E9E, #F9A825, #FF6F61, #FFFFFF
Палітра Adaptive UX Pattern Library містить комбінацію з 7 кодів кольорів :
HEX: #1565c0, RGB: (21, 101, 192); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #81c784, RGB: (129, 199, 132)
HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #f9a825, RGB: (249, 168, 37); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #000000, RGB: (0, 0, 0)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок salmon, Відтінок darkseagreen, Відтінок darkgrey, Відтінок Помаранчевий, Білий, Чорний
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Adaptive UX Pattern Library коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #1565c0 | #1565c0 | RGB(21, 101, 192) | Primary Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Accent Coral | Living Coral |
| #81c784 | #81c784 | RGB(129, 199, 132) | Focus Mint | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Neutral Gray | Gray62 |
| #f9a825 | #f9a825 | RGB(249, 168, 37) | Alert Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #000000 | #000000 | RGB(0, 0, 0) | Text Black | Black |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ff6f61 | #81c784 | 1.35 |
#ff6f61 | #9e9e9e | 1.01 |
#ff6f61 | #f9a825 | 1.38 |
#81c784 | #9e9e9e | 1.33 |
#81c784 | #f9a825 | 1.02 |
#9e9e9e | #f9a825 | 1.35 |
Зображення палітри Adaptive UX Pattern Library png
Експортувати палітру
Завантажте "Adaptive UX Pattern Library" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: