Створено 03/04/2026 10:17
AI UX Interaction
- Interaction Indigo#4b0082
- Hover Hot Pink#ff1493
- Click Cyan#00ffff
- Tooltip Tangerine#ff8c00
- Modal Mint#3eb489
- Scrollbar Silver#c0c0c0
- Focus Forest Green#228b22
Палітра містить темний, світлий кольори. Акцентні кольори Click Cyan #00ffff та Tooltip Tangerine #ff8c00. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #4B0082 (найтемніший) до #C0C0C0 (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #00FFFF, #228B22, #3EB489, #4B0082, #C0C0C0, #FF1493, #FF8C00
Палітра AI UX Interaction містить комбінацію з 7 кодів кольорів :
HEX: #4b0082, RGB: (75, 0, 130); HEX: #ff1493, RGB: (255, 20, 147); HEX: #00ffff, RGB: (0, 255, 255)
HEX: #ff8c00, RGB: (255, 140, 0); HEX: #3eb489, RGB: (62, 180, 137); HEX: #c0c0c0, RGB: (192, 192, 192)
HEX: #228b22, RGB: (34, 139, 34)
Спрощений варіант палітри кольорів
Відтінок mediumseagreen, Срібний
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
AI UX Interaction коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #4b0082 | #4b0082 | RGB(75, 0, 130) | Interaction Indigo | Indigo |
| #ff1493 | #ff1493 | RGB(255, 20, 147) | Hover Hot Pink | Secret Story |
| #00ffff | #00ffff | RGB(0, 255, 255) | Click Cyan | Aqua |
| #ff8c00 | #ff8c00 | RGB(255, 140, 0) | Tooltip Tangerine | Sun Crete |
| #3eb489 | #3eb489 | RGB(62, 180, 137) | Modal Mint | Mint |
| #c0c0c0 | #c0c0c0 | RGB(192, 192, 192) | Scrollbar Silver | Silver |
| #228b22 | #228b22 | RGB(34, 139, 34) | Focus Forest Green | Summer Forest Green |
Контраст палітри кольорів
11 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ff1493 | #ff8c00 | 1.55 |
#ff1493 | #3eb489 | 1.4 |
#ff1493 | #c0c0c0 | 1.99 |
#ff1493 | #228b22 | 1.2 |
#00ffff | #ff8c00 | 1.86 |
#00ffff | #c0c0c0 | 1.45 |
Зображення палітри AI UX Interaction png
Експортувати палітру
Завантажте "AI UX Interaction" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: