Создано 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 |
