Deep Learning UX Patterns Kit

Backprop Blue
#1e5f74
Activation Orange
#ffa552
Vector White
#fafafa
Node Gray
#d3d3d3
Bias Pink
#ffb6b9
Epoch Navy
#112d4e
Feedforward Green
#5fd068

Die Palette besteht aus Halbdunkel, Licht, Dunkel-Farben. Akzentfarben Bias Pink #ffb6b9 und Epoch Navy #112d4e. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #112D4E (dunkelstes) bis #FAFAFA (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): #112D4E, #1E5F74, #5FD068, #D3D3D3, #FAFAFA, #FFA552, #FFB6B9

Die Palette Deep Learning UX Patterns Kit enthält eine Kombination aus 7-Codefarben:

VERHEXEN: #1e5f74, RGB: (30, 95, 116); VERHEXEN: #ffa552, RGB: (255, 165, 82); VERHEXEN: #fafafa, RGB: (250, 250, 250)

VERHEXEN: #d3d3d3, RGB: (211, 211, 211); VERHEXEN: #ffb6b9, RGB: (255, 182, 185); VERHEXEN: #112d4e, RGB: (17, 45, 78)

VERHEXEN: #5fd068, RGB: (95, 208, 104)

Vereinfachte Version der Palettenfarben

Schatten von darkslategrey, Schatten von sandybrown, Schatten von whitesmoke, Farbton von lightpink, Schatten von midnightblue, Schatten von limegreen

Farbschema wurde erstellt von hex

Mehr Paletten mit:

Farbcodes in der Palette

Deep Learning UX Patterns Kit Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#1e5f74	#1e5f74	RGB(30, 95, 116)	Backprop Blue	—
#ffa552	#ffa552	RGB(255, 165, 82)	Activation Orange	—
#fafafa	#fafafa	RGB(250, 250, 250)	Vector White	Dr. White
#d3d3d3	#d3d3d3	RGB(211, 211, 211)	Node Gray	Pinball
#ffb6b9	#ffb6b9	RGB(255, 182, 185)	Bias Pink	—
#112d4e	#112d4e	RGB(17, 45, 78)	Epoch Navy	—
#5fd068	#5fd068	RGB(95, 208, 104)	Feedforward Green	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#1e5f74	#112d4e	1.95
#ffa552	#fafafa	1.87
#ffa552	#d3d3d3	1.3
#ffa552	#ffb6b9	1.17
#ffa552	#5fd068	1
#fafafa	#d3d3d3	1.43

Bildpalette Deep Learning UX Patterns Kit png

--color-backprop-blue:	#1e5f74;
--color-activation-orange:	#ffa552;
--color-vector-white:	#fafafa;
--color-node-gray:	#d3d3d3;
--color-bias-pink:	#ffb6b9;
--color-epoch-navy:	#112d4e;
--color-feedforward-green:	#5fd068;

$color-backprop-blue:	#1e5f74;
$color-activation-orange:	#ffa552;
$color-vector-white:	#fafafa;
$color-node-gray:	#d3d3d3;
$color-bias-pink:	#ffb6b9;
$color-epoch-navy:	#112d4e;
$color-feedforward-green:	#5fd068;

@color-backprop-blue:	#1e5f74;
@color-activation-orange:	#ffa552;
@color-vector-white:	#fafafa;
@color-node-gray:	#d3d3d3;
@color-bias-pink:	#ffb6b9;
@color-epoch-navy:	#112d4e;
@color-feedforward-green:	#5fd068;