Mathematical UX System Blueprint

Vector Blue
#0077b6
Matrix Yellow
#ffd23f
Graph Orange
#ff6b35
Function Violet
#8338ec
Equation Teal
#00a896
Surface White
#fbfbfb
Axis Black
#121212

Die Palette besteht aus Halbdunkel, Licht, Dunkel-Farben. Akzentfarben Matrix Yellow #ffd23f und Equation Teal #00a896. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #121212 (dunkelstes) bis #FBFBFB (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #0077B6, #00A896, #121212, #8338EC, #FBFBFB, #FF6B35, #FFD23F

Die Palette Mathematical UX System Blueprint enthält eine Kombination aus 7-Codefarben:

VERHEXEN: #0077b6, RGB: (0, 119, 182); VERHEXEN: #ffd23f, RGB: (255, 210, 63); VERHEXEN: #ff6b35, RGB: (255, 107, 53)

VERHEXEN: #8338ec, RGB: (131, 56, 236); VERHEXEN: #00a896, RGB: (0, 168, 150); VERHEXEN: #fbfbfb, RGB: (251, 251, 251)

VERHEXEN: #121212, RGB: (18, 18, 18)

Vereinfachte Version der Palettenfarben

Farbton von steelblue, Schatten von gold, Farbton von coral, Schatten von blueviolet, Farbton von lightseagreen, Farbton von Weiss, Schatten von Schwarz

Farbschema wurde erstellt von colorday

Mehr Paletten mit:

Farbcodes in der Palette

Mathematical UX System Blueprint Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#0077b6	#0077b6	RGB(0, 119, 182)	Vector Blue	—
#ffd23f	#ffd23f	RGB(255, 210, 63)	Matrix Yellow	—
#ff6b35	#ff6b35	RGB(255, 107, 53)	Graph Orange	—
#8338ec	#8338ec	RGB(131, 56, 236)	Function Violet	—
#00a896	#00a896	RGB(0, 168, 150)	Equation Teal	—
#fbfbfb	#fbfbfb	RGB(251, 251, 251)	Surface White	Whiteout
#121212	#121212	RGB(18, 18, 18)	Axis Black	Dark Tone Ink

Farbpalette Kontrast

8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.

Tekst kleur	Achtergrond kleur	contrast ratio
#0077b6	#ff6b35	1.71
#0077b6	#8338ec	1.15
#0077b6	#00a896	1.63
#ffd23f	#ff6b35	1.96
#ffd23f	#fbfbfb	1.39
#ff6b35	#8338ec	1.97

Bildpalette Mathematical UX System Blueprint png

Mathematical UX System Blueprint - #560364

--color-vector-blue:	#0077b6;
--color-matrix-yellow:	#ffd23f;
--color-graph-orange:	#ff6b35;
--color-function-violet:	#8338ec;
--color-equation-teal:	#00a896;
--color-surface-white:	#fbfbfb;
--color-axis-black:	#121212;

$color-vector-blue:	#0077b6;
$color-matrix-yellow:	#ffd23f;
$color-graph-orange:	#ff6b35;
$color-function-violet:	#8338ec;
$color-equation-teal:	#00a896;
$color-surface-white:	#fbfbfb;
$color-axis-black:	#121212;

@color-vector-blue:	#0077b6;
@color-matrix-yellow:	#ffd23f;
@color-graph-orange:	#ff6b35;
@color-function-violet:	#8338ec;
@color-equation-teal:	#00a896;
@color-surface-white:	#fbfbfb;
@color-axis-black:	#121212;