Створено 07/28/2025 11:28
AI Chat UX Interaction Schema
- Dialog Blue#66c7f4
- Context Gray#e0e0e0
- Response Pink#ffb4c6
- User White#ffffff
- Intent Yellow#ffe066
- Thread Ink#1f1f1f
Палітра містить світлий, темний кольори. Акцентні кольори Dialog Blue #66c7f4 та Intent Yellow #ffe066. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #1F1F1F (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #1F1F1F, #66C7F4, #E0E0E0, #FFB4C6, #FFE066, #FFFFFF
Палітра AI Chat UX Interaction Schema містить комбінацію з 6 кодів кольорів :
HEX: #66c7f4, RGB: (102, 199, 244); HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #ffb4c6, RGB: (255, 180, 198)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #ffe066, RGB: (255, 224, 102); HEX: #1f1f1f, RGB: (31, 31, 31)
Спрощений варіант палітри кольорів
Відтінок lightskyblue, Відтінок gainsboro, Відтінок lightpink, Білий, Відтінок gold, Відтінок Чорний
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
AI Chat UX Interaction Schema коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #66c7f4 | #66c7f4 | RGB(102, 199, 244) | Dialog Blue | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Context Gray | Gray88 |
| #ffb4c6 | #ffb4c6 | RGB(255, 180, 198) | Response Pink | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | User White | White |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Intent Yellow | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Thread Ink | Gray12 |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#66c7f4 | #e0e0e0 | 1.44 |
#66c7f4 | #ffb4c6 | 1.14 |
#66c7f4 | #ffffff | 1.9 |
#66c7f4 | #ffe066 | 1.45 |
#e0e0e0 | #ffb4c6 | 1.26 |
#e0e0e0 | #ffffff | 1.32 |
Зображення палітри AI Chat UX Interaction Schema png
Експортувати палітру
Завантажте "AI Chat UX Interaction Schema" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: