Floppy UI Reflection Space

Drive Gray
#c3c3c3
Command Teal
#8af0e2
Save Light Yellow
#fff8aa
UI Label Pink
#f8abc2
Console Dark Navy
#1c2132
Scroll Track White
#fefefe

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Save Light Yellow #fff8aa und Console Dark Navy #1c2132. Palette hat Farbtemperatur Neutral, Kalt, Warm.

Nach Helligkeit reicht diese Palette von #1C2132 (dunkelstes) bis #FEFEFE (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): #1C2132, #8AF0E2, #C3C3C3, #F8ABC2, #FEFEFE, #FFF8AA

Die Palette Floppy UI Reflection Space enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #c3c3c3, RGB: (195, 195, 195); VERHEXEN: #8af0e2, RGB: (138, 240, 226); VERHEXEN: #fff8aa, RGB: (255, 248, 170)

VERHEXEN: #f8abc2, RGB: (248, 171, 194); VERHEXEN: #1c2132, RGB: (28, 33, 50); VERHEXEN: #fefefe, RGB: (254, 254, 254)

Vereinfachte Version der Palettenfarben

Schatten von Silber, Schatten von turquoise, Schatten von palegoldenrod, Farbton von lightpink, Schatten von Schwarz, Farbton von Weiss

Farbschema wurde erstellt von colorslib

Mehr Paletten mit:

Farbcodes in der Palette

Floppy UI Reflection Space Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#c3c3c3	#c3c3c3	RGB(195, 195, 195)	Drive Gray	—
#8af0e2	#8af0e2	RGB(138, 240, 226)	Command Teal	—
#fff8aa	#fff8aa	RGB(255, 248, 170)	Save Light Yellow	—
#f8abc2	#f8abc2	RGB(248, 171, 194)	UI Label Pink	—
#1c2132	#1c2132	RGB(28, 33, 50)	Console Dark Navy	—
#fefefe	#fefefe	RGB(254, 254, 254)	Scroll Track White	White as Heaven

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#c3c3c3	#8af0e2	1.31
#c3c3c3	#fff8aa	1.61
#c3c3c3	#f8abc2	1.02
#c3c3c3	#fefefe	1.74
#8af0e2	#fff8aa	1.23
#8af0e2	#f8abc2	1.34

Bildpalette Floppy UI Reflection Space png

--color-drive-gray:	#c3c3c3;
--color-command-teal:	#8af0e2;
--color-save-light-yellow:	#fff8aa;
--color-ui-label-pink:	#f8abc2;
--color-console-dark-navy:	#1c2132;
--color-scroll-track-white:	#fefefe;

$color-drive-gray:	#c3c3c3;
$color-command-teal:	#8af0e2;
$color-save-light-yellow:	#fff8aa;
$color-ui-label-pink:	#f8abc2;
$color-console-dark-navy:	#1c2132;
$color-scroll-track-white:	#fefefe;

@color-drive-gray:	#c3c3c3;
@color-command-teal:	#8af0e2;
@color-save-light-yellow:	#fff8aa;
@color-ui-label-pink:	#f8abc2;
@color-console-dark-navy:	#1c2132;
@color-scroll-track-white:	#fefefe;