Створено 08/02/2025 13:36
Mobile AI Assistant Interface Palette
- Wake Word Aqua#57c6e1
- Notification Yellow#ffe066
- Microphone Coral#ff6b6b
- Response Background#f2f2f2
- Bubble Lavender#b497d6
- Dark Listening Black#1b1b1b
Палітра містить світлий, темний кольори. Акцентні кольори Wake Word Aqua #57c6e1 та Notification Yellow #ffe066. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #1B1B1B (найтемніший) до #F2F2F2 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #1B1B1B, #57C6E1, #B497D6, #F2F2F2, #FF6B6B, #FFE066
Палітра Mobile AI Assistant Interface Palette містить комбінацію з 6 кодів кольорів :
HEX: #57c6e1, RGB: (87, 198, 225); HEX: #ffe066, RGB: (255, 224, 102); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #f2f2f2, RGB: (242, 242, 242); HEX: #b497d6, RGB: (180, 151, 214); HEX: #1b1b1b, RGB: (27, 27, 27)
Спрощений варіант палітри кольорів
Відтінок skyblue, Відтінок gold, Відтінок salmon, Відтінок whitesmoke, Відтінок plum, Відтінок Чорний
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Mobile AI Assistant Interface Palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #57c6e1 | #57c6e1 | RGB(87, 198, 225) | Wake Word Aqua | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Notification Yellow | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Microphone Coral | — |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | Response Background | Gray95 |
| #b497d6 | #b497d6 | RGB(180, 151, 214) | Bubble Lavender | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Dark Listening Black | Eerie Black |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#57c6e1 | #ffe066 | 1.52 |
#57c6e1 | #ff6b6b | 1.39 |
#57c6e1 | #f2f2f2 | 1.77 |
#57c6e1 | #b497d6 | 1.26 |
#ffe066 | #f2f2f2 | 1.16 |
#ffe066 | #b497d6 | 1.93 |
Зображення палітри Mobile AI Assistant Interface Palette png
Експортувати палітру
Завантажте "Mobile AI Assistant Interface Palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: