Создано 07/05/2025 12:58
Voice Interaction Design Tokens
- Microphone Blue#3f88c5
- Tone Neutral Gray#9e9e9e
- Waveform Teal#00bfa6
- Dialog White#ffffff
- Intent Orange#ffa07a
Палитра содержит светлый цвета. Акцентные цвета Waveform Teal #00bfa6 да Intent Orange #ffa07a. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #00BFA6 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #00BFA6, #3F88C5, #9E9E9E, #FFA07A, #FFFFFF
Палитра Voice Interaction Design Tokens содержит комбинацию из 5 кодов цветов:
HEX: #3f88c5, RGB: (63, 136, 197); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #00bfa6, RGB: (0, 191, 166)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #ffa07a, RGB: (255, 160, 122)
Упрощенная версия цветов палитры
Тень steelblue, Оттенок darkgrey, Оттенок lightseagreen, Белый
Цветовая схема создана автором colourlock
Коды цветов в палитре
Voice Interaction Design Tokens коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #3f88c5 | #3f88c5 | RGB(63, 136, 197) | Microphone Blue | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Tone Neutral Gray | Gray62 |
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | Waveform Teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Dialog White | White |
| #ffa07a | #ffa07a | RGB(255, 160, 122) | Intent Orange | Dwarven Flesh |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#3f88c5 | #9e9e9e | 1.41 |
#3f88c5 | #00bfa6 | 1.62 |
#3f88c5 | #ffa07a | 1.9 |
#9e9e9e | #00bfa6 | 1.14 |
#9e9e9e | #ffa07a | 1.34 |
#00bfa6 | #ffa07a | 1.17 |
Изображение палитры Voice Interaction Design Tokens png
Экспорт палитры
Скачайте "Voice Interaction Design Tokens" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: