Techno Twilight Scheme

Twilight Blue
#4a67ff
Signal Magenta
#ff59a7
Panel Gray
#a9abb1
UI White
#fafbfc
Core Black
#111318
Highlight Gold
#ffd85c

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Twilight Blue #4a67ff und Highlight Gold #ffd85c. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #111318 (dunkelstes) bis #FAFBFC (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): #111318, #4A67FF, #A9ABB1, #FAFBFC, #FF59A7, #FFD85C

Die Palette Techno Twilight Scheme enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #4a67ff, RGB: (74, 103, 255); VERHEXEN: #ff59a7, RGB: (255, 89, 167); VERHEXEN: #a9abb1, RGB: (169, 171, 177)

VERHEXEN: #fafbfc, RGB: (250, 251, 252); VERHEXEN: #111318, RGB: (17, 19, 24); VERHEXEN: #ffd85c, RGB: (255, 216, 92)

Vereinfachte Version der Palettenfarben

Schatten von royalblue, Farbton von hotpink, Schatten von darkgrey, Farbton von Weiss, Schatten von Schwarz, Schatten von gold

Farbschema wurde erstellt von colorslib

Mehr Paletten mit:

Farbcodes in der Palette

Techno Twilight Scheme Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#4a67ff	#4a67ff	RGB(74, 103, 255)	Twilight Blue	—
#ff59a7	#ff59a7	RGB(255, 89, 167)	Signal Magenta	—
#a9abb1	#a9abb1	RGB(169, 171, 177)	Panel Gray	—
#fafbfc	#fafbfc	RGB(250, 251, 252)	UI White	—
#111318	#111318	RGB(17, 19, 24)	Core Black	—
#ffd85c	#ffd85c	RGB(255, 216, 92)	Highlight Gold	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#4a67ff	#ff59a7	1.54
#4a67ff	#a9abb1	1.95
#ff59a7	#a9abb1	1.26
#a9abb1	#ffd85c	1.66
#fafbfc	#ffd85c	1.33

Bildpalette Techno Twilight Scheme png

--color-twilight-blue:	#4a67ff;
--color-signal-magenta:	#ff59a7;
--color-panel-gray:	#a9abb1;
--color-ui-white:	#fafbfc;
--color-core-black:	#111318;
--color-highlight-gold:	#ffd85c;

$color-twilight-blue:	#4a67ff;
$color-signal-magenta:	#ff59a7;
$color-panel-gray:	#a9abb1;
$color-ui-white:	#fafbfc;
$color-core-black:	#111318;
$color-highlight-gold:	#ffd85c;

@color-twilight-blue:	#4a67ff;
@color-signal-magenta:	#ff59a7;
@color-panel-gray:	#a9abb1;
@color-ui-white:	#fafbfc;
@color-core-black:	#111318;
@color-highlight-gold:	#ffd85c;