Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: