Web Component Darkflow System

Slot Black
#0f0f0f
Import Teal
#00b4d8
Shadow DOM Pink
#ff6b81
Style Tag White
#fdfdfd
Gridline Grey
#cacaca
Prop Highlight Yellow
#ffe066

Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Import Teal #00b4d8 und Prop Highlight Yellow #ffe066. Palette hat Farbtemperatur Neutral, Kalt, Warm.

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).

In der Gesamttemperatur neigen die Felder zur warmen Seite.

HEX-Codes (sortiert): #00B4D8, #0F0F0F, #CACACA, #FDFDFD, #FF6B81, #FFE066

Die Palette Web Component Darkflow System enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #0f0f0f, RGB: (15, 15, 15); VERHEXEN: #00b4d8, RGB: (0, 180, 216); VERHEXEN: #ff6b81, RGB: (255, 107, 129)

VERHEXEN: #fdfdfd, RGB: (253, 253, 253); VERHEXEN: #cacaca, RGB: (202, 202, 202); VERHEXEN: #ffe066, RGB: (255, 224, 102)

Vereinfachte Version der Palettenfarben

Schatten von Schwarz, Farbton von deepskyblue, Farbton von lightcoral, Farbton von Weiss, Schatten von Silber, Schatten von gold

Farbschema wurde erstellt von hex

Mehr Paletten mit:

Farbcodes in der Palette

Web Component Darkflow System Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#0f0f0f	#0f0f0f	RGB(15, 15, 15)	Slot Black	Chaos Black
#00b4d8	#00b4d8	RGB(0, 180, 216)	Import Teal	—
#ff6b81	#ff6b81	RGB(255, 107, 129)	Shadow DOM Pink	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Style Tag White	Brilliance
#cacaca	#cacaca	RGB(202, 202, 202)	Gridline Grey	—
#ffe066	#ffe066	RGB(255, 224, 102)	Prop Highlight Yellow	—

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#00b4d8	#ff6b81	1.11
#00b4d8	#cacaca	1.5
#00b4d8	#ffe066	1.89
#ff6b81	#cacaca	1.67
#fdfdfd	#cacaca	1.61
#fdfdfd	#ffe066	1.28

Bildpalette Web Component Darkflow System png

--color-slot-black:	#0f0f0f;
--color-import-teal:	#00b4d8;
--color-shadow-dom-pink:	#ff6b81;
--color-style-tag-white:	#fdfdfd;
--color-gridline-grey:	#cacaca;
--color-prop-highlight-yellow:	#ffe066;

$color-slot-black:	#0f0f0f;
$color-import-teal:	#00b4d8;
$color-shadow-dom-pink:	#ff6b81;
$color-style-tag-white:	#fdfdfd;
$color-gridline-grey:	#cacaca;
$color-prop-highlight-yellow:	#ffe066;

@color-slot-black:	#0f0f0f;
@color-import-teal:	#00b4d8;
@color-shadow-dom-pink:	#ff6b81;
@color-style-tag-white:	#fdfdfd;
@color-gridline-grey:	#cacaca;
@color-prop-highlight-yellow:	#ffe066;