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