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" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: