Створено 07/24/2025 13:27
Progressive Web AI Design Stack
- Install Mint#b2ffe6
- Manifest Gold#ffdf81
- Cache Soft Lilac#e6d4fa
- Offline Graphite#3b3b3b
- ServiceWorker Pink#ffb2c6
- Render Sky#d2eeff
Палітра містить світлий кольори. Акцентні кольори Manifest Gold #ffdf81 та Render Sky #d2eeff. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #3B3B3B (найтемніший) до #D2EEFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #3B3B3B, #B2FFE6, #D2EEFF, #E6D4FA, #FFB2C6, #FFDF81
Палітра Progressive Web AI Design Stack містить комбінацію з 6 кодів кольорів :
HEX: #b2ffe6, RGB: (178, 255, 230); HEX: #ffdf81, RGB: (255, 223, 129); HEX: #e6d4fa, RGB: (230, 212, 250)
HEX: #3b3b3b, RGB: (59, 59, 59); HEX: #ffb2c6, RGB: (255, 178, 198); HEX: #d2eeff, RGB: (210, 238, 255)
Спрощений варіант палітри кольорів
Відтінок aquamarine, Відтінок хакі, Відтінок thistle, Відтінок darkslategrey, Відтінок lightpink, Відтінок lightblue
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Progressive Web AI Design Stack коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #b2ffe6 | #b2ffe6 | RGB(178, 255, 230) | Install Mint | — |
| #ffdf81 | #ffdf81 | RGB(255, 223, 129) | Manifest Gold | — |
| #e6d4fa | #e6d4fa | RGB(230, 212, 250) | Cache Soft Lilac | — |
| #3b3b3b | #3b3b3b | RGB(59, 59, 59) | Offline Graphite | Gray23 |
| #ffb2c6 | #ffb2c6 | RGB(255, 178, 198) | ServiceWorker Pink | — |
| #d2eeff | #d2eeff | RGB(210, 238, 255) | Render Sky | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#b2ffe6 | #ffdf81 | 1.13 |
#b2ffe6 | #e6d4fa | 1.2 |
#b2ffe6 | #ffb2c6 | 1.47 |
#b2ffe6 | #d2eeff | 1.05 |
#ffdf81 | #e6d4fa | 1.06 |
#ffdf81 | #ffb2c6 | 1.29 |
Зображення палітри Progressive Web AI Design Stack png
Експортувати палітру
Завантажте "Progressive Web AI Design Stack" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: