Створено 07/13/2025 17:17
Voice-Driven Web UI Scheme
- Transcript Cream#fff5e1
- Waveform Indigo#3d5a80
- Keyword Coral#f76c6c
- Command White#fdfdfd
- AI Listener Grey#7c7c7c
- Interaction Blue#72a1e5
Палітра містить світлий, напівтемний кольори. Акцентні кольори Transcript Cream #fff5e1 та Interaction Blue #72a1e5. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #3D5A80 (найтемніший) до #FDFDFD (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #3D5A80, #72A1E5, #7C7C7C, #F76C6C, #FDFDFD, #FFF5E1
Палітра Voice-Driven Web UI Scheme містить комбінацію з 6 кодів кольорів :
HEX: #fff5e1, RGB: (255, 245, 225); HEX: #3d5a80, RGB: (61, 90, 128); HEX: #f76c6c, RGB: (247, 108, 108)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #72a1e5, RGB: (114, 161, 229)
Спрощений варіант палітри кольорів
Відтінок oldlace, Відтінок darkslateblue, Відтінок lightcoral, Відтінок Білий, Відтінок Сірий, Відтінок cornflowerblue
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Voice-Driven Web UI Scheme коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fff5e1 | #fff5e1 | RGB(255, 245, 225) | Transcript Cream | — |
| #3d5a80 | #3d5a80 | RGB(61, 90, 128) | Waveform Indigo | — |
| #f76c6c | #f76c6c | RGB(247, 108, 108) | Keyword Coral | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Command White | Brilliance |
| #7c7c7c | #7c7c7c | RGB(124, 124, 124) | AI Listener Grey | — |
| #72a1e5 | #72a1e5 | RGB(114, 161, 229) | Interaction Blue | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fff5e1 | #fdfdfd | 1.06 |
#3d5a80 | #7c7c7c | 1.69 |
#f76c6c | #7c7c7c | 1.45 |
#f76c6c | #72a1e5 | 1.08 |
#7c7c7c | #72a1e5 | 1.57 |
Зображення палітри Voice-Driven Web UI Scheme png
Експортувати палітру
Завантажте "Voice-Driven Web UI Scheme" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: