Neural Web Components UX Kit

Hypernode Blue
#3b7dd8
Synapse Pink
#e35ba1
Signal White
#fafafa
Cortex Gray
#b0b3c6
Neuro Black
#191a1f
Datafield Cyan
#9ff3e0

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Synapse Pink #e35ba1 und Datafield Cyan #9ff3e0. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #191A1F (dunkelstes) bis #FAFAFA (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.

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): #191A1F, #3B7DD8, #9FF3E0, #B0B3C6, #E35BA1, #FAFAFA

Die Palette Neural Web Components UX Kit enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #3b7dd8, RGB: (59, 125, 216); VERHEXEN: #e35ba1, RGB: (227, 91, 161); VERHEXEN: #fafafa, RGB: (250, 250, 250)

VERHEXEN: #b0b3c6, RGB: (176, 179, 198); VERHEXEN: #191a1f, RGB: (25, 26, 31); VERHEXEN: #9ff3e0, RGB: (159, 243, 224)

Vereinfachte Version der Palettenfarben

Farbton von steelblue, Farbton von hotpink, Schatten von whitesmoke, Farbton von lightsteelblue, Schatten von Schwarz, Farbton von paleturquoise

Farbschema wurde erstellt von colorhunt

Mehr Paletten mit:

Farbcodes in der Palette

Neural Web Components UX Kit Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#3b7dd8	#3b7dd8	RGB(59, 125, 216)	Hypernode Blue	—
#e35ba1	#e35ba1	RGB(227, 91, 161)	Synapse Pink	—
#fafafa	#fafafa	RGB(250, 250, 250)	Signal White	Dr. White
#b0b3c6	#b0b3c6	RGB(176, 179, 198)	Cortex Gray	—
#191a1f	#191a1f	RGB(25, 26, 31)	Neuro Black	—
#9ff3e0	#9ff3e0	RGB(159, 243, 224)	Datafield Cyan	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#3b7dd8	#e35ba1	1.22
#3b7dd8	#b0b3c6	1.97
#e35ba1	#b0b3c6	1.61
#fafafa	#b0b3c6	1.99
#fafafa	#9ff3e0	1.22
#b0b3c6	#9ff3e0	1.61

Bildpalette Neural Web Components UX Kit png

--color-hypernode-blue:	#3b7dd8;
--color-synapse-pink:	#e35ba1;
--color-signal-white:	#fafafa;
--color-cortex-gray:	#b0b3c6;
--color-neuro-black:	#191a1f;
--color-datafield-cyan:	#9ff3e0;

$color-hypernode-blue:	#3b7dd8;
$color-synapse-pink:	#e35ba1;
$color-signal-white:	#fafafa;
$color-cortex-gray:	#b0b3c6;
$color-neuro-black:	#191a1f;
$color-datafield-cyan:	#9ff3e0;

@color-hypernode-blue:	#3b7dd8;
@color-synapse-pink:	#e35ba1;
@color-signal-white:	#fafafa;
@color-cortex-gray:	#b0b3c6;
@color-neuro-black:	#191a1f;
@color-datafield-cyan:	#9ff3e0;