Создано 06/08/2025 14:47
Progressive Web App Interface Mesh
- Install Blue#00a8e8
- Offline Clay#ececec
- Manifest Coral#ff8c94
- Touchpoint Green#a8e6cf
- Viewport Shadow#2c2c2c
- Push Notify Yellow#ffe066
- Loading Mist#f7f7f7
Палитра содержит светлый, темный цвета. Акцентные цвета Install Blue #00a8e8 да Push Notify Yellow #ffe066. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #2C2C2C (самый тёмный) до #F7F7F7 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
Тёплые и холодные элементы довольно сбалансированы.
HEX-коды (по возрастанию): #00A8E8, #2C2C2C, #A8E6CF, #ECECEC, #F7F7F7, #FF8C94, #FFE066
Палитра Progressive Web App Interface Mesh содержит комбинацию из 7 кодов цветов:
HEX: #00a8e8, RGB: (0, 168, 232); HEX: #ececec, RGB: (236, 236, 236); HEX: #ff8c94, RGB: (255, 140, 148)
HEX: #a8e6cf, RGB: (168, 230, 207); HEX: #2c2c2c, RGB: (44, 44, 44); HEX: #ffe066, RGB: (255, 224, 102)
HEX: #f7f7f7, RGB: (247, 247, 247)
Упрощенная версия цветов палитры
Оттенок deepskyblue, Оттенок whitesmoke, Тень lightcoral, Оттенок paleturquoise, Тень Черный, Тень gold, Тень whitesmoke
Цветовая схема создана автором palettespicker
Коды цветов в палитре
Progressive Web App Interface Mesh коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #00a8e8 | #00a8e8 | RGB(0, 168, 232) | Install Blue | — |
| #ececec | #ececec | RGB(236, 236, 236) | Offline Clay | — |
| #ff8c94 | #ff8c94 | RGB(255, 140, 148) | Manifest Coral | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Touchpoint Green | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Viewport Shadow | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Push Notify Yellow | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Loading Mist | Lynx White |
Контраст палитры цветов
11 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#00a8e8 | #ff8c94 | 1.21 |
#00a8e8 | #a8e6cf | 1.91 |
#ececec | #ff8c94 | 1.88 |
#ececec | #a8e6cf | 1.19 |
#ececec | #ffe066 | 1.1 |
#ececec | #f7f7f7 | 1.1 |
Изображение палитры Progressive Web App Interface Mesh png
Экспорт палитры
Скачайте "Progressive Web App Interface Mesh" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: