Створено 07/13/2025 17:27
Microfrontend Integration Palette
- Shell White#f8f8f8
- Remote Yellow#fff176
- Fragment Sky#a2d2ff
- Isolation Grey#9fa0a2
- Lifecycle Indigo#6a5acd
- Build Black#1e1e1e
Палітра містить світлий, темний кольори. Акцентні кольори Remote Yellow #fff176 та Fragment Sky #a2d2ff. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.
За світлістю палітра сягає від #1E1E1E (найтемніший) до #F8F8F8 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1E1E1E, #6A5ACD, #9FA0A2, #A2D2FF, #F8F8F8, #FFF176
Палітра Microfrontend Integration Palette містить комбінацію з 6 кодів кольорів :
HEX: #f8f8f8, RGB: (248, 248, 248); HEX: #fff176, RGB: (255, 241, 118); HEX: #a2d2ff, RGB: (162, 210, 255)
HEX: #9fa0a2, RGB: (159, 160, 162); HEX: #6a5acd, RGB: (106, 90, 205); HEX: #1e1e1e, RGB: (30, 30, 30)
Спрощений варіант палітри кольорів
Відтінок whitesmoke, Відтінок хакі, Відтінок lightskyblue, Відтінок darkgrey, Відтінок Чорний
Кольорова схема створена автором coolor
Коди кольорів у палітрі
Microfrontend Integration Palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f8f8f8 | #f8f8f8 | RGB(248, 248, 248) | Shell White | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Remote Yellow | — |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Fragment Sky | — |
| #9fa0a2 | #9fa0a2 | RGB(159, 160, 162) | Isolation Grey | — |
| #6a5acd | #6a5acd | RGB(106, 90, 205) | Lifecycle Indigo | Ameixa |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Build Black | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f8f8f8 | #fff176 | 1.09 |
#f8f8f8 | #a2d2ff | 1.49 |
#fff176 | #a2d2ff | 1.37 |
#a2d2ff | #9fa0a2 | 1.64 |
Зображення палітри Microfrontend Integration Palette png
Експортувати палітру
Завантажте "Microfrontend Integration Palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: