Створено 08/02/2025 09:59
Multi-modal UI Web Suite
- Fusion Orange#ff8243
- Modal Cream#fef5ed
- Sensor Blue#76c7c0
- Audio Pink#fda7dc
- Text Parser Black#181818
- UX Grid Silver#c4c4c4
Палітра містить світлий, темний кольори. Акцентні кольори Fusion Orange #ff8243 та Sensor Blue #76c7c0. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #181818 (найтемніший) до #FEF5ED (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #181818, #76C7C0, #C4C4C4, #FDA7DC, #FEF5ED, #FF8243
Палітра Multi-modal UI Web Suite містить комбінацію з 6 кодів кольорів :
HEX: #ff8243, RGB: (255, 130, 67); HEX: #fef5ed, RGB: (254, 245, 237); HEX: #76c7c0, RGB: (118, 199, 192)
HEX: #fda7dc, RGB: (253, 167, 220); HEX: #181818, RGB: (24, 24, 24); HEX: #c4c4c4, RGB: (196, 196, 196)
Спрощений варіант палітри кольорів
Відтінок coral, Відтінок linen, Відтінок mediumturquoise, Відтінок plum, Відтінок Чорний, Відтінок Срібний
Кольорова схема створена автором colourlock
Коди кольорів у палітрі
Multi-modal UI Web Suite коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ff8243 | #ff8243 | RGB(255, 130, 67) | Fusion Orange | Mango Tango |
| #fef5ed | #fef5ed | RGB(254, 245, 237) | Modal Cream | — |
| #76c7c0 | #76c7c0 | RGB(118, 199, 192) | Sensor Blue | — |
| #fda7dc | #fda7dc | RGB(253, 167, 220) | Audio Pink | — |
| #181818 | #181818 | RGB(24, 24, 24) | Text Parser Black | Thamar Black |
| #c4c4c4 | #c4c4c4 | RGB(196, 196, 196) | UX Grid Silver | Weathered Stone |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ff8243 | #76c7c0 | 1.25 |
#ff8243 | #fda7dc | 1.37 |
#ff8243 | #c4c4c4 | 1.41 |
#fef5ed | #76c7c0 | 1.82 |
#fef5ed | #fda7dc | 1.66 |
#fef5ed | #c4c4c4 | 1.61 |
Зображення палітри Multi-modal UI Web Suite png
Експортувати палітру
Завантажте "Multi-modal UI Web Suite" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: