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