Palette generieren
  1. Farbpaletten
  2. Dark Theme UI Kit for AI Coding Tools

Dark Theme UI Kit for AI Coding Tools

  • Syntax Highlight Pink
    #ffb6c1
  • Console Navy
    #1a1a2e
  • Runtime Teal
    #00d1b2
  • Debugger Gray
    #b0bec5
  • Compile Sky
    #00b8ff
  • IDE Base Black
    #121212
  26
Erstellt am 07/16/2025 20:24
voncolorstudio
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Syntax Highlight Pink #ffb6c1 und Runtime Teal #00d1b2. Palette hat Farbtemperatur Warm, Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #121212 (dunkelstes) bis #FFB6C1 (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung ist gemischt — 3 gedämpfte und 3 lebhafte von 6 Farben.

Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.

In der Gesamttemperatur neigen die Felder zur kalten Seite (4 von 6).

HEX-Codes (sortiert): #00B8FF, #00D1B2, #121212, #1A1A2E, #B0BEC5, #FFB6C1

Die Palette Dark Theme UI Kit for AI Coding Tools kombiniert 6 Farbcodes:
HEX: #ffb6c1, RGB: (255, 182, 193); HEX: #1a1a2e, RGB: (26, 26, 46); HEX: #00d1b2, RGB: (0, 209, 178)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #00b8ff, RGB: (0, 184, 255); HEX: #121212, RGB: (18, 18, 18)
Vereinfachte Version der Palettenfarben
Hellrosa, Aufhellung von Schwarz, Schattierung von Mittleres Aquamarin, Schattierung von Silber, Schattierung von Tiefes Himmelblau, Aufhellung von Schwarz
Farbschema wurde erstellt von colorstudio

Farbcodes in der Palette

Dark Theme UI Kit for AI Coding Tools Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#ffb6c1 #ffb6c1 RGB(255, 182, 193)Syntax Highlight PinkLightpink
#1a1a2e #1a1a2e RGB(26, 26, 46)Console Navy—
#00d1b2 #00d1b2 RGB(0, 209, 178)Runtime Teal—
#b0bec5 #b0bec5 RGB(176, 190, 197)Debugger GrayOcean Drive
#00b8ff #00b8ff RGB(0, 184, 255)Compile Sky—
#121212 #121212 RGB(18, 18, 18)IDE Base BlackDark Tone Ink

Farbpalette Kontrast

7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#ffb6c1
#00d1b2
1.18
#ffb6c1
#b0bec5
1.15
#ffb6c1
#00b8ff
1.36
#1a1a2e
#121212
1.09
#00d1b2
#b0bec5
1.02
#00d1b2
#00b8ff
1.15

Bildpalette Dark Theme UI Kit for AI Coding Tools png

Dark Theme UI Kit for AI Coding Tools Farbpalette: Syntax Highlight Pink, Console Navy, Runtime Teal, Debugger Gray
 Bild herunterladen