Voice UI + Chatbot Design Language
- Microphone Graphite#3a3a3a
- Waveform Aqua#7fdbff
- Intent Yellow#fff176
- Dialogue Bubble White#fefefe
- Response Coral#fb6962
- Prompt Blue#5dade2
Створено 07/16/2025 11:56
Палітра містить напівтемний, світлий кольори. Акцентні кольори Waveform Aqua #7fdbff та Intent Yellow #fff176. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #3A3A3A (найтемніший) до #FEFEFE (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (2 теплих, 2 холодних).
HEX-коди (відсортовано): #3A3A3A, #5DADE2, #7FDBFF, #FB6962, #FEFEFE, #FFF176
Палітра Voice UI + Chatbot Design Language містить комбінацію з 6 кодів кольорів :
HEX: #3a3a3a, RGB: (58, 58, 58); HEX: #7fdbff, RGB: (127, 219, 255); HEX: #fff176, RGB: (255, 241, 118)
HEX: #fefefe, RGB: (254, 254, 254); HEX: #fb6962, RGB: (251, 105, 98); HEX: #5dade2, RGB: (93, 173, 226)
Спрощений варіант палітри кольорів
Темний відтінок Темний сланцево-сірий, Світлий відтінок Небесно-блакитний, Світлий відтінок Хакі, Темний відтінок Білий, Темний відтінок Лососевий, Світлий відтінок Насичений небесно-блакитний
Кольорова схема створена автором coolor
Коди кольорів у палітрі
Voice UI + Chatbot Design Language коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #3a3a3a | #3a3a3a | RGB(58, 58, 58) | Microphone Graphite | — |
| #7fdbff | #7fdbff | RGB(127, 219, 255) | Waveform Aqua | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Intent Yellow | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Dialogue Bubble White | White as Heaven |
| #fb6962 | #fb6962 | RGB(251, 105, 98) | Response Coral | — |
| #5dade2 | #5dade2 | RGB(93, 173, 226) | Prompt Blue | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#7fdbff | #fff176 | 1.34 |
#7fdbff | #fefefe | 1.54 |
#7fdbff | #fb6962 | 1.84 |
#7fdbff | #5dade2 | 1.57 |
#fff176 | #fefefe | 1.15 |
#fb6962 | #5dade2 | 1.17 |
Палітра із зображення Voice UI + Chatbot Design Language png
Експортувати палітру
Завантажте "Voice UI + Chatbot Design Language" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: