Créé à 03/28/2023 08:40
Gif interaction design ui kit palette
- Saffron#ebca31
- Laser Lemon#fbf86e
- Field Drab#6e5023
- Steel Teal#5e7994
- Lavender Gray#c4b6cf
- Dark Slate Gray#34505c
La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent Laser Lemon #fbf86e et Dark Slate Gray #34505c. La palette a une température de couleur Chaud, Froid.
En luminosité, cette palette va de #34505C (plus sombre) à #C4B6CF (plus clair). L’écart de luminosité est modéré.
Saturation mixte — passages atténués et accents plus vifs.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
Les notes chaudes et froides sont assez équilibrées.
Codes HEX (triés) : #34505C, #5E7994, #6E5023, #C4B6CF, #EBCA31, #FBF86E
La palette Gif interaction design ui kit palette a une combinaison de couleurs de codes 6:
HEX: #ebca31, RVB: (235, 202, 49); HEX: #fbf86e, RVB: (251, 248, 110); HEX: #6e5023, RVB: (110, 80, 35)
HEX: #5e7994, RVB: (94, 121, 148); HEX: #c4b6cf, RVB: (196, 182, 207); HEX: #34505c, RVB: (52, 80, 92)
Version simplifiée des couleurs de la palette
Nuance de gold, Ombre de Jaune, Nuance de saddlebrown, Nuance de slategrey, Nuance de thistle, Ombre de darkslategrey
Le jeu de couleurs a été créé par hex
Codes couleurs dans la palette
Gif interaction design ui kit palette codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #ebca31 | #ebca31 | RVB(235, 202, 49) | Saffron | — |
| #fbf86e | #fbf86e | RVB(251, 248, 110) | Laser Lemon | — |
| #6e5023 | #6e5023 | RVB(110, 80, 35) | Field Drab | — |
| #5e7994 | #5e7994 | RVB(94, 121, 148) | Steel Teal | — |
| #c4b6cf | #c4b6cf | RVB(196, 182, 207) | Lavender Gray | — |
| #34505c | #34505c | RVB(52, 80, 92) | Dark Slate Gray | — |
Contraste de la palette de couleurs
6 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 |
#ebca31 | #fbf86e | 1.43 |
#ebca31 | #c4b6cf | 1.19 |
#fbf86e | #c4b6cf | 1.71 |
#6e5023 | #5e7994 | 1.63 |
#6e5023 | #34505c | 1.15 |
#5e7994 | #34505c | 1.89 |
Palette d'images Gif interaction design ui kit palette png
Exporter la palette
Téléchargez la "Gif interaction design ui kit palette" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :