Створено 08/02/2025 13:42
Chat History + Context Window UX
- Context Frame Grey#dbdbdb
- Message Bubble Blue#5ebec4
- Conversation White#ffffff
- Overflow Navy#1f1f3f
- System Prompt Beige#fff5d7
- Assist Purple#b28dff
Палітра містить світлий, темний кольори. Акцентні кольори System Prompt Beige #fff5d7 та Assist Purple #b28dff. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #1F1F3F (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1F1F3F, #5EBEC4, #B28DFF, #DBDBDB, #FFF5D7, #FFFFFF
Палітра Chat History + Context Window UX містить комбінацію з 6 кодів кольорів :
HEX: #dbdbdb, RGB: (219, 219, 219); HEX: #5ebec4, RGB: (94, 190, 196); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #1f1f3f, RGB: (31, 31, 63); HEX: #fff5d7, RGB: (255, 245, 215); HEX: #b28dff, RGB: (178, 141, 255)
Спрощений варіант палітри кольорів
Відтінок gainsboro, Відтінок darkturquoise, Білий, Відтінок midnightblue, Відтінок cornsilk, Відтінок mediumpurple
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Chat History + Context Window UX коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #dbdbdb | #dbdbdb | RGB(219, 219, 219) | Context Frame Grey | Gray86 |
| #5ebec4 | #5ebec4 | RGB(94, 190, 196) | Message Bubble Blue | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Conversation White | White |
| #1f1f3f | #1f1f3f | RGB(31, 31, 63) | Overflow Navy | — |
| #fff5d7 | #fff5d7 | RGB(255, 245, 215) | System Prompt Beige | — |
| #b28dff | #b28dff | RGB(178, 141, 255) | Assist Purple | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#dbdbdb | #5ebec4 | 1.57 |
#dbdbdb | #ffffff | 1.38 |
#dbdbdb | #fff5d7 | 1.27 |
#dbdbdb | #b28dff | 1.86 |
#5ebec4 | #b28dff | 1.18 |
#ffffff | #fff5d7 | 1.08 |
Зображення палітри Chat History + Context Window UX png
Експортувати палітру
Завантажте "Chat History + Context Window UX" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: