Progressive Web App Canvas
- Install Teal#14b8a6
- Offline Cream#fff7ed
- Cache Indigo#4f46e5
- Manifest Pink#f9a8d4
- Load Gray#6b7280
- Interaction White#ffffff
- Push Gold#facc15
Створено 06/26/2025 08:42
Палітра містить світлий, напівтемний кольори. Акцентні кольори Install Teal #14b8a6 та Offline Cream #fff7ed. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #4F46E5 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома) — 71% кольорів яскраві.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (2 теплих, 2 холодних).
HEX-коди (відсортовано): #14B8A6, #4F46E5, #6B7280, #F9A8D4, #FACC15, #FFF7ED, #FFFFFF
Палітра Progressive Web App Canvas містить комбінацію з 7 кодів кольорів :
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #fff7ed, RGB: (255, 247, 237); HEX: #4f46e5, RGB: (79, 70, 229)
HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #6b7280, RGB: (107, 114, 128); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #facc15, RGB: (250, 204, 21)
Спрощений варіант палітри кольорів
Темний відтінок Світлий морський зелений, Темний відтінок Квітково-білий, Темний відтінок Сланцево-синій, Світлий відтінок Сливовий, Темний відтінок Сланцево-сірий, Білий, Темний відтінок Золотий
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Progressive Web App Canvas коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Install Teal | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Offline Cream | Fatback |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Cache Indigo | — |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Manifest Pink | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Load Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Interaction White | White |
| #facc15 | #facc15 | RGB(250, 204, 21) | Push Gold | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#14b8a6 | #f9a8d4 | 1.37 |
#14b8a6 | #6b7280 | 1.94 |
#14b8a6 | #facc15 | 1.62 |
#fff7ed | #f9a8d4 | 1.7 |
#fff7ed | #ffffff | 1.06 |
#fff7ed | #facc15 | 1.44 |
Палітра із зображення Progressive Web App Canvas png
Експортувати палітру
Завантажте "Progressive Web App Canvas" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: