Neon Mode Webflow Studio

Glow Yellow
#ffef9f
Flash Teal
#00f5d4
Shadow Navy
#1b1b3a
Accent Pink
#ff8fab
Surface Black
#0f0f0f
Trace White
#fdfdfd

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Glow Yellow #ffef9f und Flash Teal #00f5d4. Palette hat Farbtemperatur Warm, Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #0F0F0F (dunkelstes) bis #FDFDFD (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).

Warme und kühle Felder sind ziemlich ausgeglichen.

HEX-Codes (sortiert): #00F5D4, #0F0F0F, #1B1B3A, #FDFDFD, #FF8FAB, #FFEF9F

Die Palette Neon Mode Webflow Studio enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #ffef9f, RGB: (255, 239, 159); VERHEXEN: #00f5d4, RGB: (0, 245, 212); VERHEXEN: #1b1b3a, RGB: (27, 27, 58)

VERHEXEN: #ff8fab, RGB: (255, 143, 171); VERHEXEN: #0f0f0f, RGB: (15, 15, 15); VERHEXEN: #fdfdfd, RGB: (253, 253, 253)

Vereinfachte Version der Palettenfarben

Schatten von Khaki, Farbton von aquamarine, Farbton von midnightblue, Schatten von palevioletred, Schatten von Schwarz, Farbton von Weiss

Farbschema wurde erstellt von colorslib

Mehr Paletten mit:

Farbcodes in der Palette

Neon Mode Webflow Studio Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#ffef9f	#ffef9f	RGB(255, 239, 159)	Glow Yellow	—
#00f5d4	#00f5d4	RGB(0, 245, 212)	Flash Teal	—
#1b1b3a	#1b1b3a	RGB(27, 27, 58)	Shadow Navy	—
#ff8fab	#ff8fab	RGB(255, 143, 171)	Accent Pink	—
#0f0f0f	#0f0f0f	RGB(15, 15, 15)	Surface Black	Chaos Black
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Trace White	Brilliance

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
#ffef9f	#00f5d4	1.2
#ffef9f	#ff8fab	1.85
#ffef9f	#fdfdfd	1.14
#00f5d4	#ff8fab	1.53
#00f5d4	#fdfdfd	1.37
#1b1b3a	#0f0f0f	1.15

Bildpalette Neon Mode Webflow Studio png

--color-glow-yellow:	#ffef9f;
--color-flash-teal:	#00f5d4;
--color-shadow-navy:	#1b1b3a;
--color-accent-pink:	#ff8fab;
--color-surface-black:	#0f0f0f;
--color-trace-white:	#fdfdfd;

$color-glow-yellow:	#ffef9f;
$color-flash-teal:	#00f5d4;
$color-shadow-navy:	#1b1b3a;
$color-accent-pink:	#ff8fab;
$color-surface-black:	#0f0f0f;
$color-trace-white:	#fdfdfd;

@color-glow-yellow:	#ffef9f;
@color-flash-teal:	#00f5d4;
@color-shadow-navy:	#1b1b3a;
@color-accent-pink:	#ff8fab;
@color-surface-black:	#0f0f0f;
@color-trace-white:	#fdfdfd;