Создано 07/22/2025 11:45
Conversational UI Chatbot Color System
- Chat Bubble Blue#64b5f6
- Typing Dot Gray#e0e0e0
- Voice Input Coral#ff8a65
- Response White#ffffff
- Sent Message Navy#3f51b5
- AI Tone Teal#4db6ac
Палитра содержит светлый, полутемный цвета. Акцентные цвета Chat Bubble Blue #64b5f6 да Voice Input Coral #ff8a65. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #3F51B5 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #3F51B5, #4DB6AC, #64B5F6, #E0E0E0, #FF8A65, #FFFFFF
Палитра Conversational UI Chatbot Color System содержит комбинацию из 6 кодов цветов:
HEX: #64b5f6, RGB: (100, 181, 246); HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #ff8a65, RGB: (255, 138, 101)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #4db6ac, RGB: (77, 182, 172)
Упрощенная версия цветов палитры
Тень deepskyblue, Тень gainsboro, Тень coral, Белый, Оттенок slateblue, Тень lightseagreen
Цветовая схема создана автором colorslib
Коды цветов в палитре
Conversational UI Chatbot Color System коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | Chat Bubble Blue | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Typing Dot Gray | Gray88 |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Voice Input Coral | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Response White | White |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Sent Message Navy | — |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | AI Tone Teal | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#64b5f6 | #e0e0e0 | 1.67 |
#64b5f6 | #ff8a65 | 1.04 |
#64b5f6 | #4db6ac | 1.1 |
#e0e0e0 | #ff8a65 | 1.75 |
#e0e0e0 | #ffffff | 1.32 |
#e0e0e0 | #4db6ac | 1.84 |
Изображение палитры Conversational UI Chatbot Color System png
Экспорт палитры
Скачайте "Conversational UI Chatbot Color System" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: