AR Shopping Interface

Preview Blue
#4cc9f0
Select Mint
#9ae1d4
Buy Yellow
#ffd93d
Wishlist Pink
#ff6f91
Background White
#ffffff
Price Black
#1a1a1a

La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Preview Blue #4cc9f0 et Buy Yellow #ffd93d. La palette a une température de couleur Froid, Chaud, Neutre.

En luminosité, cette palette va de #1A1A1A (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.

La saturation semble globalement vive (chromie élevée).

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) : #1A1A1A, #4CC9F0, #9AE1D4, #FF6F91, #FFD93D, #FFFFFF

La palette AR Shopping Interface a une combinaison de couleurs de codes 6:

HEX: #4cc9f0, RVB: (76, 201, 240); HEX: #9ae1d4, RVB: (154, 225, 212); HEX: #ffd93d, RVB: (255, 217, 61)

HEX: #ff6f91, RVB: (255, 111, 145); HEX: #ffffff, RVB: (255, 255, 255); HEX: #1a1a1a, RVB: (26, 26, 26)

Version simplifiée des couleurs de la palette

Nuance de skyblue, Nuance de paleturquoise, Ombre de gold, Ombre de palevioletred, Blanc, Ombre de Noir

Le jeu de couleurs a été créé par colorday

Plus de palettes avec:

Codes couleurs dans la palette

AR Shopping Interface codes de couleur HEX, informations RVB dans le tableau

Couleur	HEX	RVB	Nom	Autre nom
#4cc9f0	#4cc9f0	RVB(76, 201, 240)	Preview Blue	—
#9ae1d4	#9ae1d4	RVB(154, 225, 212)	Select Mint	—
#ffd93d	#ffd93d	RVB(255, 217, 61)	Buy Yellow	—
#ff6f91	#ff6f91	RVB(255, 111, 145)	Wishlist Pink	—
#ffffff	#ffffff	RVB(255, 255, 255)	Background White	White
#1a1a1a	#1a1a1a	RVB(26, 26, 26)	Price Black	Gray10

Contraste de la palette de couleurs

9 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
#4cc9f0	#9ae1d4	1.29
#4cc9f0	#ffd93d	1.39
#4cc9f0	#ff6f91	1.37
#4cc9f0	#ffffff	1.92
#9ae1d4	#ffd93d	1.08
#9ae1d4	#ff6f91	1.77

Palette d'images AR Shopping Interface png

--color-preview-blue:	#4cc9f0;
--color-select-mint:	#9ae1d4;
--color-buy-yellow:	#ffd93d;
--color-wishlist-pink:	#ff6f91;
--color-background-white:	#ffffff;
--color-price-black:	#1a1a1a;

$color-preview-blue:	#4cc9f0;
$color-select-mint:	#9ae1d4;
$color-buy-yellow:	#ffd93d;
$color-wishlist-pink:	#ff6f91;
$color-background-white:	#ffffff;
$color-price-black:	#1a1a1a;

@color-preview-blue:	#4cc9f0;
@color-select-mint:	#9ae1d4;
@color-buy-yellow:	#ffd93d;
@color-wishlist-pink:	#ff6f91;
@color-background-white:	#ffffff;
@color-price-black:	#1a1a1a;