Створено 08/02/2025 09:47
AI-Assisted Dashboard Interaction Kit
- Insight Blue#3e8ede
- UI Layer Lilac#bda5e3
- Warning Coral#ff7373
- Panel Grey#f0f0f0
- Dropdown Black#222222
- Notification Yellow#fff799
Палітра містить світлий, темний кольори. Акцентні кольори Insight Blue #3e8ede та Notification Yellow #fff799. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #222222 (найтемніший) до #F0F0F0 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #222222, #3E8EDE, #BDA5E3, #F0F0F0, #FF7373, #FFF799
Палітра AI-Assisted Dashboard Interaction Kit містить комбінацію з 6 кодів кольорів :
HEX: #3e8ede, RGB: (62, 142, 222); HEX: #bda5e3, RGB: (189, 165, 227); HEX: #ff7373, RGB: (255, 115, 115)
HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #222222, RGB: (34, 34, 34); HEX: #fff799, RGB: (255, 247, 153)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок plum, Відтінок lightcoral, Відтінок whitesmoke, Відтінок Чорний, Відтінок хакі
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
AI-Assisted Dashboard Interaction Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3e8ede | #3e8ede | RGB(62, 142, 222) | Insight Blue | — |
| #bda5e3 | #bda5e3 | RGB(189, 165, 227) | UI Layer Lilac | — |
| #ff7373 | #ff7373 | RGB(255, 115, 115) | Warning Coral | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Panel Grey | Gray94 |
| #222222 | #222222 | RGB(34, 34, 34) | Dropdown Black | Black Out |
| #fff799 | #fff799 | RGB(255, 247, 153) | Notification Yellow | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3e8ede | #bda5e3 | 1.57 |
#3e8ede | #ff7373 | 1.29 |
#bda5e3 | #ff7373 | 1.21 |
#bda5e3 | #f0f0f0 | 1.9 |
#bda5e3 | #fff799 | 1.96 |
#f0f0f0 | #fff799 | 1.03 |
Зображення палітри AI-Assisted Dashboard Interaction Kit png
Експортувати палітру
Завантажте "AI-Assisted Dashboard Interaction Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: