Создано 06/20/2025 07:46
Voice Assistant UI Palette
- Wake Word Pink#fbb1bd
- Response White#fbfbfb
- Accent Indigo#6366f1
- Mic Gray#d6d6d6
- Command Teal#5dd9c1
- Pause Black#222222
Палитра содержит светлый, темный цвета. Акцентные цвета Wake Word Pink #fbb1bd да Command Teal #5dd9c1. Палитра имеет цветовую температуру Теплый, Нейтральный, Холодный.
По светлоте палитра тянется от #222222 (самый тёмный) до #FBFBFB (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #222222, #5DD9C1, #6366F1, #D6D6D6, #FBB1BD, #FBFBFB
Палитра Voice Assistant UI Palette содержит комбинацию из 6 кодов цветов:
HEX: #fbb1bd, RGB: (251, 177, 189); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #6366f1, RGB: (99, 102, 241)
HEX: #d6d6d6, RGB: (214, 214, 214); HEX: #5dd9c1, RGB: (93, 217, 193); HEX: #222222, RGB: (34, 34, 34)
Упрощенная версия цветов палитры
Оттенок lightpink, Оттенок Белый, Оттенок mediumslateblue, Тень lightgrey, Тень turquoise, Тень Черный
Цветовая схема создана автором colourlock
Коды цветов в палитре
Voice Assistant UI Palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #fbb1bd | #fbb1bd | RGB(251, 177, 189) | Wake Word Pink | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Response White | Whiteout |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Accent Indigo | — |
| #d6d6d6 | #d6d6d6 | RGB(214, 214, 214) | Mic Gray | Silver Medal |
| #5dd9c1 | #5dd9c1 | RGB(93, 217, 193) | Command Teal | — |
| #222222 | #222222 | RGB(34, 34, 34) | Pause Black | Black Out |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#fbb1bd | #fbfbfb | 1.67 |
#fbb1bd | #d6d6d6 | 1.19 |
#fbb1bd | #5dd9c1 | 1 |
#fbfbfb | #d6d6d6 | 1.4 |
#fbfbfb | #5dd9c1 | 1.66 |
#d6d6d6 | #5dd9c1 | 1.18 |
Изображение палитры Voice Assistant UI Palette png
Экспорт палитры
Скачайте "Voice Assistant UI Palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: