Créé à 01/25/2022 21:39
Design website ux uxdesign
- Magic Potion#f94c5d
- Light Coral#ec7c84
- Indigo (Rainbow)#263f62
- Slate Gray#657993
- Metallic Silver#9fa2b4
- Chocolate Kisses#3c1c1c
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Magic Potion #f94c5d et Indigo (Rainbow) #263f62. La palette a une température de couleur Chaud, Froid.
En luminosité, cette palette va de #3C1C1C (plus sombre) à #EC7C84 (plus clair). L’écart de luminosité est modéré.
Saturation mixte — 2 teintes atténuées et 2 vives sur 6 couleurs.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
Les notes chaudes et froides sont assez équilibrées (3 chaudes, 3 froides).
Codes HEX (triés) : #263F62, #3C1C1C, #657993, #9FA2B4, #EC7C84, #F94C5D
La palette Design website ux uxdesign a une combinaison de couleurs de codes 6:
HEX: #f94c5d, RVB: (249, 76, 93); HEX: #ec7c84, RVB: (236, 124, 132); HEX: #263f62, RVB: (38, 63, 98)
HEX: #657993, RVB: (101, 121, 147); HEX: #9fa2b4, RVB: (159, 162, 180); HEX: #3c1c1c, RVB: (60, 28, 28)
Version simplifiée des couleurs de la palette
Ombre de indianred, Nuance de lightcoral, Nuance de darkslateblue, Nuance de slategrey, Nuance de darkgrey, Ombre de Noir
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Design website ux uxdesign codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #f94c5d | #f94c5d | RVB(249, 76, 93) | Magic Potion | — |
| #ec7c84 | #ec7c84 | RVB(236, 124, 132) | Light Coral | — |
| #263f62 | #263f62 | RVB(38, 63, 98) | Indigo (Rainbow) | — |
| #657993 | #657993 | RVB(101, 121, 147) | Slate Gray | — |
| #9fa2b4 | #9fa2b4 | RVB(159, 162, 180) | Metallic Silver | — |
| #3c1c1c | #3c1c1c | RVB(60, 28, 28) | Chocolate Kisses | — |
Contraste de la palette de couleurs
7 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 |
|---|---|---|
#f94c5d | #ec7c84 | 1.25 |
#f94c5d | #657993 | 1.32 |
#f94c5d | #9fa2b4 | 1.33 |
#ec7c84 | #657993 | 1.65 |
#ec7c84 | #9fa2b4 | 1.06 |
#263f62 | #3c1c1c | 1.43 |
Palette d'images Design website ux uxdesign png
Exporter la palette
Téléchargez la "Design website ux uxdesign" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :