Створено 06/26/2025 08:20
Progressive Web App Spectrum
- Manifest Gold#ffcf33
- Offline Slate#3d3d5c
- Touch Icon Cyan#5ce1e6
- Viewport Blush#ffc8dd
- Install Lavender#cdb4db
- Push Notify Black#121212
- Prompt Cloud#f5f5f5
Палітра містить світлий, темний кольори. Акцентні кольори Touch Icon Cyan #5ce1e6 та Viewport Blush #ffc8dd. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #121212 (найтемніший) до #F5F5F5 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #121212, #3D3D5C, #5CE1E6, #CDB4DB, #F5F5F5, #FFC8DD, #FFCF33
Палітра Progressive Web App Spectrum містить комбінацію з 7 кодів кольорів :
HEX: #ffcf33, RGB: (255, 207, 51); HEX: #3d3d5c, RGB: (61, 61, 92); HEX: #5ce1e6, RGB: (92, 225, 230)
HEX: #ffc8dd, RGB: (255, 200, 221); HEX: #cdb4db, RGB: (205, 180, 219); HEX: #121212, RGB: (18, 18, 18)
HEX: #f5f5f5, RGB: (245, 245, 245)
Спрощений варіант палітри кольорів
Відтінок gold, Відтінок darkslateblue, Відтінок mediumturquoise, Відтінок Рожевий, Відтінок thistle, Відтінок Чорний
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Progressive Web App Spectrum коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffcf33 | #ffcf33 | RGB(255, 207, 51) | Manifest Gold | — |
| #3d3d5c | #3d3d5c | RGB(61, 61, 92) | Offline Slate | — |
| #5ce1e6 | #5ce1e6 | RGB(92, 225, 230) | Touch Icon Cyan | — |
| #ffc8dd | #ffc8dd | RGB(255, 200, 221) | Viewport Blush | — |
| #cdb4db | #cdb4db | RGB(205, 180, 219) | Install Lavender | — |
| #121212 | #121212 | RGB(18, 18, 18) | Push Notify Black | Dark Tone Ink |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Prompt Cloud | White Smoke |
Контраст палітри кольорів
11 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffcf33 | #5ce1e6 | 1.06 |
#ffcf33 | #ffc8dd | 1.02 |
#ffcf33 | #cdb4db | 1.27 |
#ffcf33 | #f5f5f5 | 1.35 |
#3d3d5c | #121212 | 1.8 |
#5ce1e6 | #ffc8dd | 1.08 |
Зображення палітри Progressive Web App Spectrum png
Експортувати палітру
Завантажте "Progressive Web App Spectrum" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: