Loading...
Создано 06/28/2025 20:18
Interactive SaaS Signup Flow
- Step Indigo#6366f1
- Input Cream#fef9c3
- Form Slate#475569
- CTA Pink#f9a8d4
- Confirm Mint#4ade80
- Progress Fog#f3f4f6
- Complete Jet#1f2937
Палитра содержит светлый, полутемный, темный цвета. Акцентные цвета Step Indigo #6366f1 да Input Cream #fef9c3. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #1F2937 (самый тёмный) до #F3F4F6 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #1F2937, #475569, #4ADE80, #6366F1, #F3F4F6, #F9A8D4, #FEF9C3
Палитра Interactive SaaS Signup Flow содержит комбинацию из 7 кодов цветов:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #475569, RGB: (71, 85, 105)
HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #4ade80, RGB: (74, 222, 128); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #1f2937, RGB: (31, 41, 55)
Упрощенная версия цветов палитры
Оттенок mediumslateblue, Оттенок lemonchiffon, Тень darkslateblue, Тень plum, Тень mediumspringgreen, Оттенок whitesmoke, Тень Черный
Цветовая схема создана автором colorday
Коды цветов в палитре
Interactive SaaS Signup Flow коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Step Indigo | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Input Cream | — |
| #475569 | #475569 | RGB(71, 85, 105) | Form Slate | — |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | CTA Pink | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Confirm Mint | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Progress Fog | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Complete Jet | — |
Контраст палитры цветов
8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#6366f1 | #475569 | 1.69 |
#fef9c3 | #f9a8d4 | 1.68 |
#fef9c3 | #4ade80 | 1.62 |
#fef9c3 | #f3f4f6 | 1.02 |
#475569 | #1f2937 | 1.93 |
#f9a8d4 | #4ade80 | 1.04 |
Изображение палитры Interactive SaaS Signup Flow png
Экспорт палитры
Скачайте "Interactive SaaS Signup Flow" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: