Створено 06/22/2025 07:07
UI Component Interaction Shell
- Button Ruby#f94144
- Hover Ice#e9f7f6
- Dropdown Peach#ffe5b4
- Label Eggplant#9b5de5
- Dialog Fog#eceff1
- Sidebar Graphite#333533
Палітра містить світлий кольори. Акцентні кольори Dropdown Peach #ffe5b4 та Label Eggplant #9b5de5. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #333533 (найтемніший) до #E9F7F6 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #333533, #9B5DE5, #E9F7F6, #ECEFF1, #F94144, #FFE5B4
Палітра UI Component Interaction Shell містить комбінацію з 6 кодів кольорів :
HEX: #f94144, RGB: (249, 65, 68); HEX: #e9f7f6, RGB: (233, 247, 246); HEX: #ffe5b4, RGB: (255, 229, 180)
HEX: #9b5de5, RGB: (155, 93, 229); HEX: #eceff1, RGB: (236, 239, 241); HEX: #333533, RGB: (51, 53, 51)
Спрощений варіант палітри кольорів
Відтінок tomato, Відтінок azure, Відтінок moccasin, Відтінок mediumpurple, Відтінок whitesmoke, Відтінок darkslategrey
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
UI Component Interaction Shell коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f94144 | #f94144 | RGB(249, 65, 68) | Button Ruby | — |
| #e9f7f6 | #e9f7f6 | RGB(233, 247, 246) | Hover Ice | — |
| #ffe5b4 | #ffe5b4 | RGB(255, 229, 180) | Dropdown Peach | Mouse Nose |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Label Eggplant | — |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | Dialog Fog | — |
| #333533 | #333533 | RGB(51, 53, 51) | Sidebar Graphite | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f94144 | #9b5de5 | 1.15 |
#e9f7f6 | #ffe5b4 | 1.11 |
#e9f7f6 | #eceff1 | 1.05 |
#ffe5b4 | #eceff1 | 1.06 |
Зображення палітри UI Component Interaction Shell png
Експортувати палітру
Завантажте "UI Component Interaction Shell" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: