Pastel Dashboard for Devs

Scroll Blush
#ffddda
Input Sky
#d2f1ff
Submit Butter
#fff3b3
Header Violet
#e2d1ff
Border Chalk
#f6f6f6
Syntax Slate
#1e1e1e

La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Input Sky #d2f1ff et Submit Butter #fff3b3. La palette a une température de couleur Neutre, Froid, Chaud.

En luminosité, cette palette va de #1E1E1E (plus sombre) à #F6F6F6 (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).

La température globale penche vers le froid.

Codes HEX (triés) : #1E1E1E, #D2F1FF, #E2D1FF, #F6F6F6, #FFDDDA, #FFF3B3

La palette Pastel Dashboard for Devs a une combinaison de couleurs de codes 6:

HEX: #ffddda, RVB: (255, 221, 218); HEX: #d2f1ff, RVB: (210, 241, 255); HEX: #fff3b3, RVB: (255, 243, 179)

HEX: #e2d1ff, RVB: (226, 209, 255); HEX: #f6f6f6, RVB: (246, 246, 246); HEX: #1e1e1e, RVB: (30, 30, 30)

Version simplifiée des couleurs de la palette

Nuance de mistyrose, Ombre de lightblue, Ombre de palegoldenrod, Ombre de thistle, Ombre de whitesmoke, Ombre de Noir

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

Plus de palettes avec:

Codes couleurs dans la palette

Pastel Dashboard for Devs codes de couleur HEX, informations RVB dans le tableau

Couleur	HEX	RVB	Nom	Autre nom
#ffddda	#ffddda	RVB(255, 221, 218)	Scroll Blush	—
#d2f1ff	#d2f1ff	RVB(210, 241, 255)	Input Sky	—
#fff3b3	#fff3b3	RVB(255, 243, 179)	Submit Butter	—
#e2d1ff	#e2d1ff	RVB(226, 209, 255)	Header Violet	—
#f6f6f6	#f6f6f6	RVB(246, 246, 246)	Border Chalk	—
#1e1e1e	#1e1e1e	RVB(30, 30, 30)	Syntax Slate	—

Contraste de la palette de couleurs

10 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
#ffddda	#d2f1ff	1.06
#ffddda	#fff3b3	1.12
#ffddda	#e2d1ff	1.12
#ffddda	#f6f6f6	1.17
#d2f1ff	#fff3b3	1.05
#d2f1ff	#e2d1ff	1.2

Palette d'images Pastel Dashboard for Devs png

--color-scroll-blush:	#ffddda;
--color-input-sky:	#d2f1ff;
--color-submit-butter:	#fff3b3;
--color-header-violet:	#e2d1ff;
--color-border-chalk:	#f6f6f6;
--color-syntax-slate:	#1e1e1e;

$color-scroll-blush:	#ffddda;
$color-input-sky:	#d2f1ff;
$color-submit-butter:	#fff3b3;
$color-header-violet:	#e2d1ff;
$color-border-chalk:	#f6f6f6;
$color-syntax-slate:	#1e1e1e;

@color-scroll-blush:	#ffddda;
@color-input-sky:	#d2f1ff;
@color-submit-butter:	#fff3b3;
@color-header-violet:	#e2d1ff;
@color-border-chalk:	#f6f6f6;
@color-syntax-slate:	#1e1e1e;