Создано 07/07/2025 17:14
Progressive Web Signal Suite
- Manifest Teal#009688
- Offline Sand#fff8e1
- Push Violet#7e57c2
- Install Banner Gray#cfd8dc
- Lighthouse Green#66bb6a
- Beacon Black#263238
Палитра содержит светлый, темный цвета. Акцентные цвета Manifest Teal #009688 да Offline Sand #fff8e1. Палитра имеет цветовую температуру Холодный, Нейтральный.
По светлоте палитра тянется от #263238 (самый тёмный) до #FFF8E1 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #009688, #263238, #66BB6A, #7E57C2, #CFD8DC, #FFF8E1
Палитра Progressive Web Signal Suite содержит комбинацию из 6 кодов цветов:
HEX: #009688, RGB: (0, 150, 136); HEX: #fff8e1, RGB: (255, 248, 225); HEX: #7e57c2, RGB: (126, 87, 194)
HEX: #cfd8dc, RGB: (207, 216, 220); HEX: #66bb6a, RGB: (102, 187, 106); HEX: #263238, RGB: (38, 50, 56)
Упрощенная версия цветов палитры
Тень darkcyan, Тень cornsilk, Тень slateblue, Тень lightgrey, Тень mediumseagreen, Оттенок darkslategrey
Цветовая схема создана автором bad_colors
Коды цветов в палитре
Progressive Web Signal Suite коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #009688 | #009688 | RGB(0, 150, 136) | Manifest Teal | — |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Offline Sand | Still Morning |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | Push Violet | — |
| #cfd8dc | #cfd8dc | RGB(207, 216, 220) | Install Banner Gray | — |
| #66bb6a | #66bb6a | RGB(102, 187, 106) | Lighthouse Green | — |
| #263238 | #263238 | RGB(38, 50, 56) | Beacon Black | — |
Контраст палитры цветов
4 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#009688 | #7e57c2 | 1.41 |
#009688 | #66bb6a | 1.55 |
#fff8e1 | #cfd8dc | 1.36 |
#cfd8dc | #66bb6a | 1.63 |
Изображение палитры Progressive Web Signal Suite png
Экспорт палитры
Скачайте "Progressive Web Signal Suite" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: