Créé à 03/12/2021 09:23
  0.23k

Magento2 product page sneakers productdesign colors palette

  • #b5b951
  • #c4e8d3
  • #60272d
  • #9c4c52
  • #bdbec1
  • #513c2c
Loading...
La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent #c4e8d3 et #60272d. La palette a une température de couleur Chaud, Froid, Neutre.

En luminosité, cette palette va de #513C2C (plus sombre) à #C4E8D3 (plus clair). L’écart de luminosité est large.

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 chaud.

Codes HEX (triés) : #513C2C, #60272D, #9C4C52, #B5B951, #BDBEC1, #C4E8D3

La palette Magento2 product page sneakers productdesign colors palette a une combinaison de couleurs de codes 6:
HEX: #b5b951, RVB: (181, 185, 81); HEX: #c4e8d3, RVB: (196, 232, 211); HEX: #60272d, RVB: (96, 39, 45)
HEX: #9c4c52, RVB: (156, 76, 82); HEX: #bdbec1, RVB: (189, 190, 193); HEX: #513c2c, RVB: (81, 60, 44)
Version simplifiée des couleurs de la palette
Nuance de darkkhaki, Nuance de honeydew, Ombre de Bordeaux, Ombre de brown, Nuance de Argent, Nuance de saddlebrown
Le jeu de couleurs a été créé par colorswall

Codes couleurs dans la palette

Magento2 product page sneakers productdesign colors palette codes de couleur HEX, informations RVB dans le tableau

Couleur HEX RVB Nom Autre nom
#b5b951 #b5b951 RVB(181, 185, 81)
#c4e8d3 #c4e8d3 RVB(196, 232, 211)
#60272d #60272d RVB(96, 39, 45)
#9c4c52 #9c4c52 RVB(156, 76, 82)
#bdbec1 #bdbec1 RVB(189, 190, 193)
#513c2c #513c2c RVB(81, 60, 44)

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
#b5b951
#c4e8d3
1.57
#b5b951
#bdbec1
1.12
#c4e8d3
#bdbec1
1.4
#60272d
#9c4c52
1.95
#60272d
#513c2c
1.11
#9c4c52
#513c2c
1.75

Palette d'images Magento2 product page sneakers productdesign colors palette png

Loading...
Loading...