Створено 06/26/2025 08:40
Interaction Design AI Assistant
- Hover Violet#8b5cf6
- Predict Slate#334155
- Component Cream#fdf6ec
- Animate Peach#fed7aa
- Context Green#4ade80
- Target Ink#111827
Палітра містить світлий, темний кольори. Акцентні кольори Hover Violet #8b5cf6 та Animate Peach #fed7aa. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #111827 (найтемніший) до #FDF6EC (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #111827, #334155, #4ADE80, #8B5CF6, #FDF6EC, #FED7AA
Палітра Interaction Design AI Assistant містить комбінацію з 6 кодів кольорів :
HEX: #8b5cf6, RGB: (139, 92, 246); HEX: #334155, RGB: (51, 65, 85); HEX: #fdf6ec, RGB: (253, 246, 236)
HEX: #fed7aa, RGB: (254, 215, 170); HEX: #4ade80, RGB: (74, 222, 128); HEX: #111827, RGB: (17, 24, 39)
Спрощений варіант палітри кольорів
Відтінок mediumslateblue, Відтінок darkslateblue, Відтінок floralwhite, Відтінок navajowhite, Відтінок mediumspringgreen, Відтінок Чорний
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Interaction Design AI Assistant коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #8b5cf6 | #8b5cf6 | RGB(139, 92, 246) | Hover Violet | — |
| #334155 | #334155 | RGB(51, 65, 85) | Predict Slate | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Component Cream | — |
| #fed7aa | #fed7aa | RGB(254, 215, 170) | Animate Peach | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Context Green | — |
| #111827 | #111827 | RGB(17, 24, 39) | Target Ink | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#334155 | #111827 | 1.71 |
#fdf6ec | #fed7aa | 1.26 |
#fdf6ec | #4ade80 | 1.62 |
#fed7aa | #4ade80 | 1.28 |
Зображення палітри Interaction Design AI Assistant png
Експортувати палітру
Завантажте "Interaction Design AI Assistant" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: