Создано 06/28/2025 20:27
Startup Web App Toolkit
- Vision Indigo#6366f1
- Roadmap Gold#facc15
- Action Coral#fb7185
- Deploy Cream#fff7ed
- Prototype Mint#6ee7b7
- User Fog#f3f4f6
- Metrics Jet#1e2937
Палитра содержит светлый, темный цвета. Акцентные цвета Vision Indigo #6366f1 да Deploy Cream #fff7ed. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #1E2937 (самый тёмный) до #FFF7ED (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #1E2937, #6366F1, #6EE7B7, #F3F4F6, #FACC15, #FB7185, #FFF7ED
Палитра Startup Web App Toolkit содержит комбинацию из 7 кодов цветов:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #facc15, RGB: (250, 204, 21); HEX: #fb7185, RGB: (251, 113, 133)
HEX: #fff7ed, RGB: (255, 247, 237); HEX: #6ee7b7, RGB: (110, 231, 183); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #1e2937, RGB: (30, 41, 55)
Упрощенная версия цветов палитры
Оттенок mediumslateblue, Оттенок gold, Оттенок lightcoral, Оттенок floralwhite, Оттенок aquamarine, Оттенок whitesmoke, Тень midnightblue
Цветовая схема создана автором colourlock
Коды цветов в палитре
Startup Web App Toolkit коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Vision Indigo | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Roadmap Gold | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Action Coral | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Deploy Cream | Fatback |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Prototype Mint | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | User Fog | — |
| #1e2937 | #1e2937 | RGB(30, 41, 55) | Metrics Jet | — |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#6366f1 | #fb7185 | 1.65 |
#facc15 | #fb7185 | 1.75 |
#facc15 | #fff7ed | 1.44 |
#facc15 | #6ee7b7 | 1 |
#facc15 | #f3f4f6 | 1.39 |
#fb7185 | #6ee7b7 | 1.76 |
Изображение палитры Startup Web App Toolkit png
Экспорт палитры
Скачайте "Startup Web App Toolkit" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: