Dark Mode Modular UI Schema

Surface Obsidian
#111111
Component Frost
#f1f5f9
Token Cyan
#00cfc1
Variable Violet
#b39ddb
Input Slate
#2c2c2c
Response Light
#ededed

La palette se compose de Sombre, Lumière couleurs. Couleurs d'accent Token Cyan #00cfc1 et Response Light #ededed. La palette a une température de couleur Neutre, Froid.

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

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

Les teintes voisinent sur le cercle (heuristique).

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

Codes HEX (triés) : #00CFC1, #111111, #2C2C2C, #B39DDB, #EDEDED, #F1F5F9

La palette Dark Mode Modular UI Schema a une combinaison de couleurs de codes 6:

HEX: #111111, RVB: (17, 17, 17); HEX: #f1f5f9, RVB: (241, 245, 249); HEX: #00cfc1, RVB: (0, 207, 193)

HEX: #b39ddb, RVB: (179, 157, 219); HEX: #2c2c2c, RVB: (44, 44, 44); HEX: #ededed, RVB: (237, 237, 237)

Version simplifiée des couleurs de la palette

Ombre de Noir, Nuance de aliceblue, Nuance de mediumturquoise, Nuance de plum, Ombre de Noir, Nuance de whitesmoke

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

Plus de palettes avec:

Codes couleurs dans la palette

Dark Mode Modular UI Schema codes de couleur HEX, informations RVB dans le tableau

Couleur	HEX	RVB	Nom	Autre nom
#111111	#111111	RVB(17, 17, 17)	Surface Obsidian	Dreamless Sleep
#f1f5f9	#f1f5f9	RVB(241, 245, 249)	Component Frost	—
#00cfc1	#00cfc1	RVB(0, 207, 193)	Token Cyan	—
#b39ddb	#b39ddb	RVB(179, 157, 219)	Variable Violet	—
#2c2c2c	#2c2c2c	RVB(44, 44, 44)	Input Slate	—
#ededed	#ededed	RVB(237, 237, 237)	Response Light	White Edgar

Contraste de la palette de couleurs

5 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
#111111	#2c2c2c	1.35
#f1f5f9	#00cfc1	1.79
#f1f5f9	#ededed	1.06
#00cfc1	#b39ddb	1.22
#00cfc1	#ededed	1.67

Palette d'images Dark Mode Modular UI Schema png

--color-surface-obsidian:	#111111;
--color-component-frost:	#f1f5f9;
--color-token-cyan:	#00cfc1;
--color-variable-violet:	#b39ddb;
--color-input-slate:	#2c2c2c;
--color-response-light:	#ededed;

$color-surface-obsidian:	#111111;
$color-component-frost:	#f1f5f9;
$color-token-cyan:	#00cfc1;
$color-variable-violet:	#b39ddb;
$color-input-slate:	#2c2c2c;
$color-response-light:	#ededed;

@color-surface-obsidian:	#111111;
@color-component-frost:	#f1f5f9;
@color-token-cyan:	#00cfc1;
@color-variable-violet:	#b39ddb;
@color-input-slate:	#2c2c2c;
@color-response-light:	#ededed;