Создано 06/20/2025 07:43
Progressive Web App Studio
- Manifest Sky#7ddfff
- Offline Ink#2a2e45
- Install Cream#fff9e6
- Push Coral#ff6e6c
- Responsive Mint#a3f7bf
- ServiceWorker Graphite#353535
Палитра содержит светлый, темный цвета. Акцентные цвета Manifest Sky #7ddfff да Install Cream #fff9e6. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #353535 (самый тёмный) до #FFF9E6 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного (3 из 6).
HEX-коды (по возрастанию): #2A2E45, #353535, #7DDFFF, #A3F7BF, #FF6E6C, #FFF9E6
Палитра Progressive Web App Studio содержит комбинацию из 6 кодов цветов:
HEX: #7ddfff, RGB: (125, 223, 255); HEX: #2a2e45, RGB: (42, 46, 69); HEX: #fff9e6, RGB: (255, 249, 230)
HEX: #ff6e6c, RGB: (255, 110, 108); HEX: #a3f7bf, RGB: (163, 247, 191); HEX: #353535, RGB: (53, 53, 53)
Упрощенная версия цветов палитры
Тень skyblue, Тень midnightblue, Тень oldlace, Оттенок salmon, Тень aquamarine, Тень Черный
Цветовая схема создана автором colorstudio
Коды цветов в палитре
Progressive Web App Studio коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #7ddfff | #7ddfff | RGB(125, 223, 255) | Manifest Sky | — |
| #2a2e45 | #2a2e45 | RGB(42, 46, 69) | Offline Ink | — |
| #fff9e6 | #fff9e6 | RGB(255, 249, 230) | Install Cream | — |
| #ff6e6c | #ff6e6c | RGB(255, 110, 108) | Push Coral | — |
| #a3f7bf | #a3f7bf | RGB(163, 247, 191) | Responsive Mint | — |
| #353535 | #353535 | RGB(53, 53, 53) | ServiceWorker Graphite | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#7ddfff | #fff9e6 | 1.43 |
#7ddfff | #ff6e6c | 1.8 |
#7ddfff | #a3f7bf | 1.19 |
#2a2e45 | #353535 | 1.08 |
#fff9e6 | #a3f7bf | 1.2 |
Изображение палитры Progressive Web App Studio png
Экспорт палитры
Скачайте "Progressive Web App Studio" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: