Component-Based UI Ecosystem

Module Sky
#83c5be
Slot Beige
#ffeedb
Lifecycle Pink
#ff9aa2
DOM Dark
#1e1e1e
Render Fog White
#f6f6f6
Prop Chartreuse
#a3f7b5

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Module Sky #83c5be und Slot Beige #ffeedb. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #1E1E1E (dunkelstes) bis #F6F6F6 (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): #1E1E1E, #83C5BE, #A3F7B5, #F6F6F6, #FF9AA2, #FFEEDB

Die Palette Component-Based UI Ecosystem enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #83c5be, RGB: (131, 197, 190); VERHEXEN: #ffeedb, RGB: (255, 238, 219); VERHEXEN: #ff9aa2, RGB: (255, 154, 162)

VERHEXEN: #1e1e1e, RGB: (30, 30, 30); VERHEXEN: #f6f6f6, RGB: (246, 246, 246); VERHEXEN: #a3f7b5, RGB: (163, 247, 181)

Vereinfachte Version der Palettenfarben

Schatten von mediumturquoise, Schatten von antiquewhite, Farbton von lightpink, Schatten von Schwarz, Schatten von whitesmoke, Schatten von lightgreen

Farbschema wurde erstellt von raccoon

Mehr Paletten mit:

Farbcodes in der Palette

Component-Based UI Ecosystem Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#83c5be	#83c5be	RGB(131, 197, 190)	Module Sky	—
#ffeedb	#ffeedb	RGB(255, 238, 219)	Slot Beige	—
#ff9aa2	#ff9aa2	RGB(255, 154, 162)	Lifecycle Pink	—
#1e1e1e	#1e1e1e	RGB(30, 30, 30)	DOM Dark	—
#f6f6f6	#f6f6f6	RGB(246, 246, 246)	Render Fog White	—
#a3f7b5	#a3f7b5	RGB(163, 247, 181)	Prop Chartreuse	—

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
#83c5be	#ffeedb	1.73
#83c5be	#ff9aa2	1.02
#83c5be	#f6f6f6	1.81
#83c5be	#a3f7b5	1.54
#ffeedb	#ff9aa2	1.77
#ffeedb	#f6f6f6	1.05

Bildpalette Component-Based UI Ecosystem png

--color-module-sky:	#83c5be;
--color-slot-beige:	#ffeedb;
--color-lifecycle-pink:	#ff9aa2;
--color-dom-dark:	#1e1e1e;
--color-render-fog-white:	#f6f6f6;
--color-prop-chartreuse:	#a3f7b5;

$color-module-sky:	#83c5be;
$color-slot-beige:	#ffeedb;
$color-lifecycle-pink:	#ff9aa2;
$color-dom-dark:	#1e1e1e;
$color-render-fog-white:	#f6f6f6;
$color-prop-chartreuse:	#a3f7b5;

@color-module-sky:	#83c5be;
@color-slot-beige:	#ffeedb;
@color-lifecycle-pink:	#ff9aa2;
@color-dom-dark:	#1e1e1e;
@color-render-fog-white:	#f6f6f6;
@color-prop-chartreuse:	#a3f7b5;