AI Workflow Wireframe Suite

Logic Beige
#f8f1e5
Sequence Teal
#3ddad7
Node Plum
#9d5cff
Pathway Grey
#d4d4d8
Userflow Coral
#ff928b
Insight Ink
#1c1c1e

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Sequence Teal #3ddad7 und Userflow Coral #ff928b. Palette hat Farbtemperatur Neutral, Kalt, Warm.

Nach Helligkeit reicht diese Palette von #1C1C1E (dunkelstes) bis #F8F1E5 (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).

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): #1C1C1E, #3DDAD7, #9D5CFF, #D4D4D8, #F8F1E5, #FF928B

Die Palette AI Workflow Wireframe Suite enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #f8f1e5, RGB: (248, 241, 229); VERHEXEN: #3ddad7, RGB: (61, 218, 215); VERHEXEN: #9d5cff, RGB: (157, 92, 255)

VERHEXEN: #d4d4d8, RGB: (212, 212, 216); VERHEXEN: #ff928b, RGB: (255, 146, 139); VERHEXEN: #1c1c1e, RGB: (28, 28, 30)

Vereinfachte Version der Palettenfarben

Farbton von oldlace, Schatten von mediumturquoise, Schatten von mediumslateblue, Schatten von lightgrey, Schatten von salmon, Schatten von Schwarz

Farbschema wurde erstellt von coolor

Mehr Paletten mit:

Farbcodes in der Palette

AI Workflow Wireframe Suite Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#f8f1e5	#f8f1e5	RGB(248, 241, 229)	Logic Beige	—
#3ddad7	#3ddad7	RGB(61, 218, 215)	Sequence Teal	—
#9d5cff	#9d5cff	RGB(157, 92, 255)	Node Plum	—
#d4d4d8	#d4d4d8	RGB(212, 212, 216)	Pathway Grey	—
#ff928b	#ff928b	RGB(255, 146, 139)	Userflow Coral	—
#1c1c1e	#1c1c1e	RGB(28, 28, 30)	Insight Ink	—

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
#f8f1e5	#3ddad7	1.53
#f8f1e5	#d4d4d8	1.31
#f8f1e5	#ff928b	1.92
#3ddad7	#d4d4d8	1.16
#3ddad7	#ff928b	1.25
#9d5cff	#ff928b	1.8

Bildpalette AI Workflow Wireframe Suite png

--color-logic-beige:	#f8f1e5;
--color-sequence-teal:	#3ddad7;
--color-node-plum:	#9d5cff;
--color-pathway-grey:	#d4d4d8;
--color-userflow-coral:	#ff928b;
--color-insight-ink:	#1c1c1e;

$color-logic-beige:	#f8f1e5;
$color-sequence-teal:	#3ddad7;
$color-node-plum:	#9d5cff;
$color-pathway-grey:	#d4d4d8;
$color-userflow-coral:	#ff928b;
$color-insight-ink:	#1c1c1e;

@color-logic-beige:	#f8f1e5;
@color-sequence-teal:	#3ddad7;
@color-node-plum:	#9d5cff;
@color-pathway-grey:	#d4d4d8;
@color-userflow-coral:	#ff928b;
@color-insight-ink:	#1c1c1e;