Створено 06/30/2025 17:14
Progressive Web UX Foundation
- Install Indigo#4f46e5
- Cache Mint#34d399
- Offline Cream#fef9c3
- Sync Coral#fb7185
- Manifest Slate#475569
- Reload Fog#f3f4f6
- Launch Jet#0a0a0a
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Install Indigo #4f46e5 та Offline Cream #fef9c3. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #0A0A0A (найтемніший) до #F3F4F6 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0A0A0A, #34D399, #475569, #4F46E5, #F3F4F6, #FB7185, #FEF9C3
Палітра Progressive Web UX Foundation містить комбінацію з 7 кодів кольорів :
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #34d399, RGB: (52, 211, 153); HEX: #fef9c3, RGB: (254, 249, 195)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #475569, RGB: (71, 85, 105); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #0a0a0a, RGB: (10, 10, 10)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок mediumaquamarine, Відтінок lemonchiffon, Відтінок lightcoral, Відтінок darkslateblue, Відтінок whitesmoke, Відтінок Чорний
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Progressive Web UX Foundation коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Install Indigo | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Cache Mint | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Offline Cream | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Sync Coral | — |
| #475569 | #475569 | RGB(71, 85, 105) | Manifest Slate | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Reload Fog | — |
| #0a0a0a | #0a0a0a | RGB(10, 10, 10) | Launch Jet | Existential Angst |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#4f46e5 | #475569 | 1.2 |
#34d399 | #fef9c3 | 1.78 |
#34d399 | #fb7185 | 1.4 |
#34d399 | #f3f4f6 | 1.74 |
#fef9c3 | #f3f4f6 | 1.02 |
Зображення палітри Progressive Web UX Foundation png
Експортувати палітру
Завантажте "Progressive Web UX Foundation" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: