Loading...
Створено 07/07/2025 17:14
Voice-Activated UI Toolkit
- Command Sky#91c8e4
- Recognition Cream#fff9f2
- Wake Word Pink#fec8d8
- Utterance Grey#bdbdbd
- Accent Highlight Blue#5089c6
- Speech Interface Ink#1a1a1a
Палітра містить світлий, темний кольори. Акцентні кольори Command Sky #91c8e4 та Recognition Cream #fff9f2. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #1A1A1A (найтемніший) до #FFF9F2 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #1A1A1A, #5089C6, #91C8E4, #BDBDBD, #FEC8D8, #FFF9F2
Палітра Voice-Activated UI Toolkit містить комбінацію з 6 кодів кольорів :
HEX: #91c8e4, RGB: (145, 200, 228); HEX: #fff9f2, RGB: (255, 249, 242); HEX: #fec8d8, RGB: (254, 200, 216)
HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #5089c6, RGB: (80, 137, 198); HEX: #1a1a1a, RGB: (26, 26, 26)
Спрощений варіант палітри кольорів
Відтінок skyblue, Відтінок floralwhite, Відтінок Рожевий, Відтінок Срібний, Відтінок steelblue, Відтінок Чорний
Кольорова схема створена автором colorhunt
Коди кольорів у палітрі
Voice-Activated UI Toolkit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #91c8e4 | #91c8e4 | RGB(145, 200, 228) | Command Sky | — |
| #fff9f2 | #fff9f2 | RGB(255, 249, 242) | Recognition Cream | — |
| #fec8d8 | #fec8d8 | RGB(254, 200, 216) | Wake Word Pink | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Utterance Grey | Gray74 |
| #5089c6 | #5089c6 | RGB(80, 137, 198) | Accent Highlight Blue | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Speech Interface Ink | Gray10 |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#91c8e4 | #fff9f2 | 1.73 |
#91c8e4 | #fec8d8 | 1.24 |
#91c8e4 | #bdbdbd | 1.03 |
#fff9f2 | #fec8d8 | 1.38 |
#fff9f2 | #bdbdbd | 1.79 |
#fec8d8 | #bdbdbd | 1.29 |
Зображення палітри Voice-Activated UI Toolkit png
Експортувати палітру
Завантажте "Voice-Activated UI Toolkit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: