Creato a 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
La tavolozza è composta da Leggero, Buio colori. Colori accentati Lavender Indigo #9b4cfc e Lavender (Floral) #b47dfc. La tavolozza ha la temperatura del colore Freddo.
Per luminosità, la tavolozza va da #23142B (più scuro) a #CCBCDC (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #23142B, #2A2034, #847C94, #9B4CFC, #B47DFC, #CCBCDC
La tavolozza Onboarding animation ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #9b4cfc, RGB: (155, 76, 252); ESADECIMALE: #b47dfc, RGB: (180, 125, 252); ESADECIMALE: #23142b, RGB: (35, 20, 43)
ESADECIMALE: #847c94, RGB: (132, 124, 148); ESADECIMALE: #ccbcdc, RGB: (204, 188, 220); ESADECIMALE: #2a2034, RGB: (42, 32, 52)
Versione semplificata della tavolozza dei colori
Tonalità di mediumslateblue, Ombra di mediumpurple, Ombra di Nero, Ombra di Grigio, Tonalità di thistle, Ombra di Nero
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Onboarding animation ui codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | 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 | — |
Contrasto della palette di colori
5 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
|---|---|---|
#9b4cfc | #b47dfc | 1.5 |
#9b4cfc | #847c94 | 1.09 |
#b47dfc | #847c94 | 1.37 |
#b47dfc | #ccbcdc | 1.62 |
#23142b | #2a2034 | 1.12 |
Tavolozza immagini Onboarding animation ui png
Esporta tavolozza
Scarica la "Onboarding animation ui" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: