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