Створено 06/09/2025 16:06
Vue Dashboard UX Suite
- Reactive Forest#2f855a
- Live Binding Lime#b7e778
- Render Canvas#fafafa
- CLI Mist#ededed
- Dynamic Clay#b3b3b3
- Inspector Teal#319795
- Focus Contrast Black#1a202c
Палітра містить світлий, темний кольори. Акцентні кольори Live Binding Lime #b7e778 та Focus Contrast Black #1a202c. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #1A202C (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається переважно приглушеною (низька хрома).
Відтінки широко розкидані по колі — різноманітна палітра (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1A202C, #2F855A, #319795, #B3B3B3, #B7E778, #EDEDED, #FAFAFA
Палітра Vue Dashboard UX Suite містить комбінацію з 7 кодів кольорів :
HEX: #2f855a, RGB: (47, 133, 90); HEX: #b7e778, RGB: (183, 231, 120); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #ededed, RGB: (237, 237, 237); HEX: #b3b3b3, RGB: (179, 179, 179); HEX: #319795, RGB: (49, 151, 149)
HEX: #1a202c, RGB: (26, 32, 44)
Спрощений варіант палітри кольорів
Відтінок seashell, Відтінок Жовтозелений, Відтінок whitesmoke, Відтінок whitesmoke, Відтінок darkgrey, Відтінок darkcyan, Відтінок Чорний
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Vue Dashboard UX Suite коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #2f855a | #2f855a | RGB(47, 133, 90) | Reactive Forest | — |
| #b7e778 | #b7e778 | RGB(183, 231, 120) | Live Binding Lime | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Render Canvas | Dr. White |
| #ededed | #ededed | RGB(237, 237, 237) | CLI Mist | White Edgar |
| #b3b3b3 | #b3b3b3 | RGB(179, 179, 179) | Dynamic Clay | Gray70 |
| #319795 | #319795 | RGB(49, 151, 149) | Inspector Teal | — |
| #1a202c | #1a202c | RGB(26, 32, 44) | Focus Contrast Black | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#2f855a | #319795 | 1.29 |
#b7e778 | #fafafa | 1.36 |
#b7e778 | #ededed | 1.21 |
#b7e778 | #b3b3b3 | 1.46 |
#fafafa | #ededed | 1.12 |
#ededed | #b3b3b3 | 1.79 |
Зображення палітри Vue Dashboard UX Suite png
Експортувати палітру
Завантажте "Vue Dashboard UX Suite" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: