Створено 08/18/2025 08:38
Progressive Web App Design Mesh
Component Green
#10b981
Overlay Violet
#7c3aed
Surface White
#f3f4f6
System Gray
#9ca3af
Accent Orange
#fb8c00
Contrast Black
#111827
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Component Green #10b981 та Accent Orange #fb8c00. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
Палітра Progressive Web App Design Mesh містить комбінацію з 6 кодів кольорів :
HEX: #10b981, RGB: (16, 185, 129); HEX: #7c3aed, RGB: (124, 58, 237); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #9ca3af, RGB: (156, 163, 175); HEX: #fb8c00, RGB: (251, 140, 0); HEX: #111827, RGB: (17, 24, 39)
Спрощений варіант палітри кольорів
Відтінок mediumseagreen, Відтінок blueviolet, Відтінок whitesmoke, Відтінок darkgrey, Відтінок darkorange, Відтінок Чорний
Кольорова схема створена автором hex
Коди кольорів у палітрі
Progressive Web App Design Mesh коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #10b981 | #10b981 | RGB(16, 185, 129) | Component Green | — |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | Overlay Violet | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Surface White | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | System Gray | — |
| #fb8c00 | #fb8c00 | RGB(251, 140, 0) | Accent Orange | — |
| #111827 | #111827 | RGB(17, 24, 39) | Contrast Black | — |
Контраст палітри кольорів
3 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#10b981 | #9ca3af | 1 |
#10b981 | #fb8c00 | 1.06 |
#9ca3af | #fb8c00 | 1.07 |
