AI Code Autopilot UX Toolkit

Refactor Lime
#c8e87c
IDE Background
#2d2d2d
Autocomplete Blue
#3a86ff
Linter Red
#ff595e
Smart Suggest Grey
#e5e5e5
Syntax Light
#f8f8f2

Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Autocomplete Blue #3a86ff und Linter Red #ff595e. Palette hat Farbtemperatur Warm, Neutral, Kalt.

Nach Helligkeit reicht diese Palette von #2D2D2D (dunkelstes) bis #F8F8F2 (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): #2D2D2D, #3A86FF, #C8E87C, #E5E5E5, #F8F8F2, #FF595E

Die Palette AI Code Autopilot UX Toolkit enthält eine Kombination aus 6-Codefarben:

VERHEXEN: #c8e87c, RGB: (200, 232, 124); VERHEXEN: #2d2d2d, RGB: (45, 45, 45); VERHEXEN: #3a86ff, RGB: (58, 134, 255)

VERHEXEN: #ff595e, RGB: (255, 89, 94); VERHEXEN: #e5e5e5, RGB: (229, 229, 229); VERHEXEN: #f8f8f2, RGB: (248, 248, 242)

Vereinfachte Version der Palettenfarben

Schatten von Gelbgrün, Schatten von Schwarz, Schatten von dodgerblue, Farbton von salmon, Schatten von gainsboro, Farbton von floralwhite

Farbschema wurde erstellt von colorstudio

Mehr Paletten mit:

Farbcodes in der Palette

AI Code Autopilot UX Toolkit Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe	VERHEXEN	RGB	Name	alternativer Name
#c8e87c	#c8e87c	RGB(200, 232, 124)	Refactor Lime	—
#2d2d2d	#2d2d2d	RGB(45, 45, 45)	IDE Background	—
#3a86ff	#3a86ff	RGB(58, 134, 255)	Autocomplete Blue	—
#ff595e	#ff595e	RGB(255, 89, 94)	Linter Red	—
#e5e5e5	#e5e5e5	RGB(229, 229, 229)	Smart Suggest Grey	Gray90
#f8f8f2	#f8f8f2	RGB(248, 248, 242)	Syntax Light	Pure White

Farbpalette Kontrast

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

Tekst kleur	Achtergrond kleur	contrast ratio
#c8e87c	#e5e5e5	1.09
#c8e87c	#f8f8f2	1.28
#3a86ff	#ff595e	1.13
#e5e5e5	#f8f8f2	1.18

Bildpalette AI Code Autopilot UX Toolkit png

--color-refactor-lime:	#c8e87c;
--color-ide-background:	#2d2d2d;
--color-autocomplete-blue:	#3a86ff;
--color-linter-red:	#ff595e;
--color-smart-suggest-grey:	#e5e5e5;
--color-syntax-light:	#f8f8f2;

$color-refactor-lime:	#c8e87c;
$color-ide-background:	#2d2d2d;
$color-autocomplete-blue:	#3a86ff;
$color-linter-red:	#ff595e;
$color-smart-suggest-grey:	#e5e5e5;
$color-syntax-light:	#f8f8f2;

@color-refactor-lime:	#c8e87c;
@color-ide-background:	#2d2d2d;
@color-autocomplete-blue:	#3a86ff;
@color-linter-red:	#ff595e;
@color-smart-suggest-grey:	#e5e5e5;
@color-syntax-light:	#f8f8f2;