Natural Language UI Toolkit

Input Indigo
#a5b4fc
Parse Beige
#fff8e1
Intent Peach
#ffc09f
Extract Lavender
#d7bde2
Token Cloud
#ececec
Speech Graphite
#111827

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Input Indigo #a5b4fc und Parse Beige #fff8e1. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #111827 (dunkelstes) bis #FFF8E1 (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): #111827, #A5B4FC, #D7BDE2, #ECECEC, #FFC09F, #FFF8E1

Die Palette Natural Language UI Toolkit enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #a5b4fc, RGB: (165, 180, 252); VERHEXEN: #fff8e1, RGB: (255, 248, 225); VERHEXEN: #ffc09f, RGB: (255, 192, 159)

VERHEXEN: #d7bde2, RGB: (215, 189, 226); VERHEXEN: #ececec, RGB: (236, 236, 236); VERHEXEN: #111827, RGB: (17, 24, 39)

Vereinfachte Version der Palettenfarben

Farbton von lightsteelblue, Schatten von cornsilk, Farbton von peachpuff, Farbton von thistle, Farbton von whitesmoke, Schatten von Schwarz

Farbschema wurde erstellt von colorstudio

Mehr Paletten mit:

Farbcodes in der Palette

Natural Language UI Toolkit Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#a5b4fc	#a5b4fc	RGB(165, 180, 252)	Input Indigo	—
#fff8e1	#fff8e1	RGB(255, 248, 225)	Parse Beige	Still Morning
#ffc09f	#ffc09f	RGB(255, 192, 159)	Intent Peach	—
#d7bde2	#d7bde2	RGB(215, 189, 226)	Extract Lavender	—
#ececec	#ececec	RGB(236, 236, 236)	Token Cloud	—
#111827	#111827	RGB(17, 24, 39)	Speech Graphite	—

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
#a5b4fc	#fff8e1	1.87
#a5b4fc	#ffc09f	1.26
#a5b4fc	#d7bde2	1.16
#a5b4fc	#ececec	1.68
#fff8e1	#ffc09f	1.48
#fff8e1	#d7bde2	1.61

Bildpalette Natural Language UI Toolkit png

--color-input-indigo:	#a5b4fc;
--color-parse-beige:	#fff8e1;
--color-intent-peach:	#ffc09f;
--color-extract-lavender:	#d7bde2;
--color-token-cloud:	#ececec;
--color-speech-graphite:	#111827;

$color-input-indigo:	#a5b4fc;
$color-parse-beige:	#fff8e1;
$color-intent-peach:	#ffc09f;
$color-extract-lavender:	#d7bde2;
$color-token-cloud:	#ececec;
$color-speech-graphite:	#111827;

@color-input-indigo:	#a5b4fc;
@color-parse-beige:	#fff8e1;
@color-intent-peach:	#ffc09f;
@color-extract-lavender:	#d7bde2;
@color-token-cloud:	#ececec;
@color-speech-graphite:	#111827;