Interaction animation design product
- Dark Slate Blue#4b4796
- Light Pastel Purple#a49ce1
- Cetacean Blue#13133a
- Liberty#5c54a5
- Maximum Blue Purple#b2afd9
- American Blue#3e3b6b
Créé le 03/03/2023 20:02
La palette se compose de Semi foncé, Clair, Sombre couleurs. Couleurs d'accent Light Pastel Purple #a49ce1 et Cetacean Blue #13133a. La palette a une température de couleur Froid.
En luminosité, cette palette va de #13133A (plus sombre) à #B2AFD9 (plus clair). L’écart de luminosité est large.
La saturation est dans une plage intermédiaire, avec une moyenne de 39% sur la palette.
Une palette analogue : ses teintes sont proches sur le cercle chromatique, dans environ 7°.
La température globale penche vers le froid (6 sur 6).
Codes HEX (triés) : #13133A, #3E3B6B, #4B4796, #5C54A5, #A49CE1, #B2AFD9
La palette Interaction animation design product combine 6 codes couleur:
HEX: #4b4796, RVB: (75, 71, 150); HEX: #a49ce1, RVB: (164, 156, 225); HEX: #13133a, RVB: (19, 19, 58)
HEX: #5c54a5, RVB: (92, 84, 165); HEX: #b2afd9, RVB: (178, 175, 217); HEX: #3e3b6b, RVB: (62, 59, 107)
Version simplifiée des couleurs de la palette
Teinte de Bleu ardoise foncé, Nuance de Bleu acier clair, Nuance de Bleu nuit, Nuance de Bleu ardoise, Nuance de Chardon, Nuance de Bleu ardoise foncé
Le jeu de couleurs a été créé par raccoon
Codes couleurs dans la palette
Interaction animation design product codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #4b4796 | #4b4796 | RVB(75, 71, 150) | Dark Slate Blue | — |
| #a49ce1 | #a49ce1 | RVB(164, 156, 225) | Light Pastel Purple | — |
| #13133a | #13133a | RVB(19, 19, 58) | Cetacean Blue | — |
| #5c54a5 | #5c54a5 | RVB(92, 84, 165) | Liberty | — |
| #b2afd9 | #b2afd9 | RVB(178, 175, 217) | Maximum Blue Purple | — |
| #3e3b6b | #3e3b6b | RVB(62, 59, 107) | American Blue | — |
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 |
|---|---|---|
#4b4796 | #5c54a5 | 1.23 |
#4b4796 | #3e3b6b | 1.29 |
#a49ce1 | #b2afd9 | 1.19 |
#13133a | #3e3b6b | 1.72 |
#5c54a5 | #3e3b6b | 1.59 |
Palette d'images Interaction animation design product png
Exporter la palette
Téléchargez la "Interaction animation design product" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :