Clean UI Startup Suite

Hero White
#ffffff
CTA Navy
#1b1f3b
Secondary Blush
#ffdada
Card Border
#e5e5e5
Progress Teal
#00c6ae
Header Shadow
#c7c7c7

La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Secondary Blush #ffdada et Progress Teal #00c6ae. La palette a une température de couleur Neutre, Froid.

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

Saturation mixte — passages atténués et accents plus vifs.

Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).

La plupart des pastilles lisent comme neutres en température.

Codes HEX (triés) : #00C6AE, #1B1F3B, #C7C7C7, #E5E5E5, #FFDADA, #FFFFFF

La palette Clean UI Startup Suite a une combinaison de couleurs de codes 6:

HEX: #ffffff, RVB: (255, 255, 255); HEX: #1b1f3b, RVB: (27, 31, 59); HEX: #ffdada, RVB: (255, 218, 218)

HEX: #e5e5e5, RVB: (229, 229, 229); HEX: #00c6ae, RVB: (0, 198, 174); HEX: #c7c7c7, RVB: (199, 199, 199)

Version simplifiée des couleurs de la palette

Blanc, Nuance de midnightblue, Nuance de mistyrose, Ombre de gainsboro, Nuance de mediumaquamarine, Ombre de Argent

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

Plus de palettes avec:

Codes couleurs dans la palette

Clean UI Startup Suite codes de couleur HEX, informations RVB dans le tableau

Couleur	HEX	RVB	Nom	Autre nom
#ffffff	#ffffff	RVB(255, 255, 255)	Hero White	White
#1b1f3b	#1b1f3b	RVB(27, 31, 59)	CTA Navy	—
#ffdada	#ffdada	RVB(255, 218, 218)	Secondary Blush	—
#e5e5e5	#e5e5e5	RVB(229, 229, 229)	Card Border	Gray90
#00c6ae	#00c6ae	RVB(0, 198, 174)	Progress Teal	—
#c7c7c7	#c7c7c7	RVB(199, 199, 199)	Header Shadow	Gray78

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
#ffffff	#ffdada	1.28
#ffffff	#e5e5e5	1.25
#ffffff	#c7c7c7	1.69
#ffdada	#e5e5e5	1.02
#ffdada	#00c6ae	1.68
#ffdada	#c7c7c7	1.31

Palette d'images Clean UI Startup Suite png

--color-hero-white:	#ffffff;
--color-cta-navy:	#1b1f3b;
--color-secondary-blush:	#ffdada;
--color-card-border:	#e5e5e5;
--color-progress-teal:	#00c6ae;
--color-header-shadow:	#c7c7c7;

$color-hero-white:	#ffffff;
$color-cta-navy:	#1b1f3b;
$color-secondary-blush:	#ffdada;
$color-card-border:	#e5e5e5;
$color-progress-teal:	#00c6ae;
$color-header-shadow:	#c7c7c7;

@color-hero-white:	#ffffff;
@color-cta-navy:	#1b1f3b;
@color-secondary-blush:	#ffdada;
@color-card-border:	#e5e5e5;
@color-progress-teal:	#00c6ae;
@color-header-shadow:	#c7c7c7;