Créé à 09/02/2022 14:23
Homepage website design product mockup palette
- Vivid Red-Tangelo#e16629
- Orange-Yellow (Crayola)#f8d46a
- Chestnut#a04c24
- Middle Blue Purple#8661b1
- Dark Vanilla#cebeae
- Liver Chestnut (Horses)#544237
La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent Orange-Yellow (Crayola) #f8d46a et Middle Blue Purple #8661b1. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #544237 (plus sombre) à #CEBEAE (plus clair). L’écart de luminosité est modéré.
Saturation mixte — passages atténués et accents plus vifs.
Les teintes sont largement réparties — palette variée (heuristique).
La température globale penche vers le chaud.
Codes HEX (triés) : #544237, #8661B1, #A04C24, #CEBEAE, #E16629, #F8D46A
La palette Homepage website design product mockup palette a une combinaison de couleurs de codes 6:
HEX: #e16629, RVB: (225, 102, 41); HEX: #f8d46a, RVB: (248, 212, 106); HEX: #a04c24, RVB: (160, 76, 36)
HEX: #8661b1, RVB: (134, 97, 177); HEX: #cebeae, RVB: (206, 190, 174); HEX: #544237, RVB: (84, 66, 55)
Version simplifiée des couleurs de la palette
Ombre de chocolate, Ombre de gold, Nuance de sienna, Nuance de mediumpurple, Ombre de tan, Nuance de dimgrey
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Homepage website design product mockup palette codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #e16629 | #e16629 | RVB(225, 102, 41) | Vivid Red-Tangelo | — |
| #f8d46a | #f8d46a | RVB(248, 212, 106) | Orange-Yellow (Crayola) | — |
| #a04c24 | #a04c24 | RVB(160, 76, 36) | Chestnut | — |
| #8661b1 | #8661b1 | RVB(134, 97, 177) | Middle Blue Purple | — |
| #cebeae | #cebeae | RVB(206, 190, 174) | Dark Vanilla | — |
| #544237 | #544237 | RVB(84, 66, 55) | Liver Chestnut (Horses) | — |
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 |
#e16629 | #a04c24 | 1.72 |
#e16629 | #8661b1 | 1.4 |
#e16629 | #cebeae | 1.89 |
#f8d46a | #cebeae | 1.25 |
#a04c24 | #8661b1 | 1.22 |
#a04c24 | #544237 | 1.6 |
Palette d'images Homepage website design product mockup palette png
Exporter la palette
Téléchargez la "Homepage website design product mockup palette" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :