Créé à 08/25/2022 17:52
Hero illustration ui webdesign palette
- Keppel#37a4ac
- Sky Magenta#cb68c1
- Police Blue#205f64
- Rose Taupe#9a545c
- Heliotrope Gray#a49dad
- Outer Space#424f59
La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent Keppel #37a4ac et Sky Magenta #cb68c1. La palette a une température de couleur Froid, Neutre, Chaud.
En luminosité, cette palette va de #205F64 (plus sombre) à #A49DAD (plus clair). L’écart de luminosité est modéré.
La saturation est dans une plage intermédiaire.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le froid.
Codes HEX (triés) : #205F64, #37A4AC, #424F59, #9A545C, #A49DAD, #CB68C1
La palette Hero illustration ui webdesign palette a une combinaison de couleurs de codes 6:
HEX: #37a4ac, RVB: (55, 164, 172); HEX: #cb68c1, RVB: (203, 104, 193); HEX: #205f64, RVB: (32, 95, 100)
HEX: #9a545c, RVB: (154, 84, 92); HEX: #a49dad, RVB: (164, 157, 173); HEX: #424f59, RVB: (66, 79, 89)
Version simplifiée des couleurs de la palette
Nuance de cadetblue, Nuance de orchid, Ombre de darkslategrey, Nuance de indianred, Nuance de darkgrey, Ombre de darkslategrey
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Hero illustration ui webdesign palette codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #37a4ac | #37a4ac | RVB(55, 164, 172) | Keppel | — |
| #cb68c1 | #cb68c1 | RVB(203, 104, 193) | Sky Magenta | — |
| #205f64 | #205f64 | RVB(32, 95, 100) | Police Blue | — |
| #9a545c | #9a545c | RVB(154, 84, 92) | Rose Taupe | — |
| #a49dad | #a49dad | RVB(164, 157, 173) | Heliotrope Gray | — |
| #424f59 | #424f59 | RVB(66, 79, 89) | Outer Space | — |
Contraste de la palette de couleurs
8 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 |
#37a4ac | #cb68c1 | 1.12 |
#37a4ac | #9a545c | 1.86 |
#37a4ac | #a49dad | 1.13 |
#cb68c1 | #9a545c | 1.65 |
#cb68c1 | #a49dad | 1.27 |
#205f64 | #9a545c | 1.31 |
Palette d'images Hero illustration ui webdesign palette png
Exporter la palette
Téléchargez la "Hero illustration ui webdesign palette" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :