Створено 07/16/2025 20:22
Progressive Web App Color System
Install Teal
#00bfa5
Cache Layer Gray
#b0bec5
Manifest Yellow
#fdd835
Offline White
#fdfdfd
Push API Coral
#ff6b6b
Service Worker Blue
#1976d2
Палітра містить світлий кольори. Акцентні кольори Install Teal #00bfa5 та Push API Coral #ff6b6b. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
Палітра Progressive Web App Color System містить комбінацію з 6 кодів кольорів :
HEX: #00bfa5, RGB: (0, 191, 165); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #fdd835, RGB: (253, 216, 53)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #1976d2, RGB: (25, 118, 210)
Спрощений варіант палітри кольорів
Відтінок lightseagreen, Відтінок Срібний, Відтінок gold, Відтінок Білий, Відтінок salmon, Відтінок steelblue
Кольорова схема створена автором colorday
Коди кольорів у палітрі
Progressive Web App Color System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #00bfa5 | #00bfa5 | RGB(0, 191, 165) | Install Teal | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Cache Layer Gray | Ocean Drive |
| #fdd835 | #fdd835 | RGB(253, 216, 53) | Manifest Yellow | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Offline White | Brilliance |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Push API Coral | — |
| #1976d2 | #1976d2 | RGB(25, 118, 210) | Service Worker Blue | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#00bfa5 | #b0bec5 | 1.22 |
#00bfa5 | #fdd835 | 1.67 |
#00bfa5 | #ff6b6b | 1.18 |
#00bfa5 | #1976d2 | 1.97 |
#b0bec5 | #fdd835 | 1.36 |
#b0bec5 | #fdfdfd | 1.87 |
