Loading...
Criado em 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
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Step Indigo #6366f1 e Input Cream #fef9c3. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1F2937 (mais escuro) a #F3F4F6 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #1F2937, #475569, #4ADE80, #6366F1, #F3F4F6, #F9A8D4, #FEF9C3
A paleta Interactive SaaS Signup Flow tem uma combinação de cores de códigos de 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)
Versão simplificada das cores da paleta
Matiz de mediumslateblue, Matiz de lemonchiffon, Sombra de darkslateblue, Sombra de plum, Sombra de mediumspringgreen, Matiz de whitesmoke, Sombra de Preto
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Interactive SaaS Signup Flow códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #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 | — |
Contraste da Paleta de Cores
8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#6366f1 | #475569 | 1.69 |
#fef9c3 | #f9a8d4 | 1.68 |
#fef9c3 | #4ade80 | 1.62 |
#fef9c3 | #f3f4f6 | 1.02 |
#475569 | #1f2937 | 1.93 |
#f9a8d4 | #4ade80 | 1.04 |
Paleta de imagens Interactive SaaS Signup Flow png
Exportar paleta
Baixe a "Interactive SaaS Signup Flow" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: