Créé à 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 palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Lavender Indigo #9b4cfc et Lavender (Floral) #b47dfc. La palette a une température de couleur Froid.
En luminosité, cette palette va de #23142B (plus sombre) à #CCBCDC (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
Les teintes suggèrent un groupe surtout analogue (heuristique, pas une règle stricte).
La température globale penche vers le froid.
Codes HEX (triés) : #23142B, #2A2034, #847C94, #9B4CFC, #B47DFC, #CCBCDC
La palette Onboarding animation ui a une combinaison de couleurs de codes 6:
HEX: #9b4cfc, RVB: (155, 76, 252); HEX: #b47dfc, RVB: (180, 125, 252); HEX: #23142b, RVB: (35, 20, 43)
HEX: #847c94, RVB: (132, 124, 148); HEX: #ccbcdc, RVB: (204, 188, 220); HEX: #2a2034, RVB: (42, 32, 52)
Version simplifiée des couleurs de la palette
Nuance de mediumslateblue, Ombre de mediumpurple, Ombre de Noir, Ombre de Gris, Nuance de thistle, Ombre de Noir
Le jeu de couleurs a été créé par colorslib
Codes couleurs dans la palette
Onboarding animation ui codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #9b4cfc | #9b4cfc | RVB(155, 76, 252) | Lavender Indigo | — |
| #b47dfc | #b47dfc | RVB(180, 125, 252) | Lavender (Floral) | — |
| #23142b | #23142b | RVB(35, 20, 43) | Raisin Black | — |
| #847c94 | #847c94 | RVB(132, 124, 148) | Roman Silver | — |
| #ccbcdc | #ccbcdc | RVB(204, 188, 220) | Thistle | — |
| #2a2034 | #2a2034 | RVB(42, 32, 52) | Dark Purple | — |
Contraste de la palette de couleurs
5 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
|---|---|---|
#9b4cfc | #b47dfc | 1.5 |
#9b4cfc | #847c94 | 1.09 |
#b47dfc | #847c94 | 1.37 |
#b47dfc | #ccbcdc | 1.62 |
#23142b | #2a2034 | 1.12 |
Palette d'images Onboarding animation ui png
Exporter la palette
Téléchargez la "Onboarding animation ui" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :