Criado em 01/12/2023 14:18
Onboarding animation ui
- Lavender Indigo#9b4cfc
- Lavender (Floral)#b47dfc
- Raisin Black#23142b
- Roman Silver#847c94
- Thistle#ccbcdc
- Dark Purple#2a2034
A paleta consiste em cores Luz, Escuro. Cores de destaque Lavender Indigo #9b4cfc e Lavender (Floral) #b47dfc. A paleta tem Legal temperatura de cores.
Em luminosidade, a paleta vai de #23142B (mais escuro) a #CCBCDC (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #23142B, #2A2034, #847C94, #9B4CFC, #B47DFC, #CCBCDC
A paleta Onboarding animation ui tem uma combinação de cores de códigos de 6:
HEX: #9b4cfc, RGB: (155, 76, 252); HEX: #b47dfc, RGB: (180, 125, 252); HEX: #23142b, RGB: (35, 20, 43)
HEX: #847c94, RGB: (132, 124, 148); HEX: #ccbcdc, RGB: (204, 188, 220); HEX: #2a2034, RGB: (42, 32, 52)
Versão simplificada das cores da paleta
Matiz de mediumslateblue, Sombra de mediumpurple, Sombra de Preto, Sombra de Cinza, Matiz de thistle, Sombra de Preto
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Onboarding animation ui códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #9b4cfc | #9b4cfc | RGB(155, 76, 252) | Lavender Indigo | — |
| #b47dfc | #b47dfc | RGB(180, 125, 252) | Lavender (Floral) | — |
| #23142b | #23142b | RGB(35, 20, 43) | Raisin Black | — |
| #847c94 | #847c94 | RGB(132, 124, 148) | Roman Silver | — |
| #ccbcdc | #ccbcdc | RGB(204, 188, 220) | Thistle | — |
| #2a2034 | #2a2034 | RGB(42, 32, 52) | Dark Purple | — |
Contraste da Paleta de Cores
5 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 |
|---|---|---|
#9b4cfc | #b47dfc | 1.5 |
#9b4cfc | #847c94 | 1.09 |
#b47dfc | #847c94 | 1.37 |
#b47dfc | #ccbcdc | 1.62 |
#23142b | #2a2034 | 1.12 |
Paleta de imagens Onboarding animation ui png
Exportar paleta
Baixe a "Onboarding animation ui" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: