Створено 06/24/2025 17:30
Progressive Web App Shell Theme
Offline Gold
#ffe175
App Frame Charcoal
#26282c
Install Prompt Teal
#49d6c8
Splash White
#fefefe
Shortcut Rose
#ffb3c6
Action Indigo Glow
#a59cff
Палітра містить світлий, темний кольори. Акцентні кольори Offline Gold #ffe175 та Action Indigo Glow #a59cff. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #26282C (найтемніший) до #FEFEFE (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #26282C, #49D6C8, #A59CFF, #FEFEFE, #FFB3C6, #FFE175
Палітра Progressive Web App Shell Theme містить комбінацію з 6 кодів кольорів :
HEX: #ffe175, RGB: (255, 225, 117); HEX: #26282c, RGB: (38, 40, 44); HEX: #49d6c8, RGB: (73, 214, 200)
HEX: #fefefe, RGB: (254, 254, 254); HEX: #ffb3c6, RGB: (255, 179, 198); HEX: #a59cff, RGB: (165, 156, 255)
Спрощений варіант палітри кольорів
Відтінок хакі, Відтінок Чорний, Відтінок turquoise, Відтінок Білий, Відтінок lightpink, Відтінок lightsteelblue
Кольорова схема створена автором hex
Коди кольорів у палітрі
Progressive Web App Shell Theme коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffe175 | #ffe175 | RGB(255, 225, 117) | Offline Gold | — |
| #26282c | #26282c | RGB(38, 40, 44) | App Frame Charcoal | — |
| #49d6c8 | #49d6c8 | RGB(73, 214, 200) | Install Prompt Teal | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Splash White | White as Heaven |
| #ffb3c6 | #ffb3c6 | RGB(255, 179, 198) | Shortcut Rose | — |
| #a59cff | #a59cff | RGB(165, 156, 255) | Action Indigo Glow | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffe175 | #49d6c8 | 1.38 |
#ffe175 | #fefefe | 1.27 |
#ffe175 | #ffb3c6 | 1.3 |
#ffe175 | #a59cff | 1.85 |
#49d6c8 | #fefefe | 1.77 |
#49d6c8 | #ffb3c6 | 1.06 |
Зображення палітри Progressive Web App Shell Theme png
Експортувати палітру
Завантажте "Progressive Web App Shell Theme" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: