Genera tavolozza
  1. Tavolozze di colori
  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
Creato il 07/16/2025 20:24
dicolorstudio
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Syntax Highlight Pink #ffb6c1 e Runtime Teal #00d1b2. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #121212 (più scuro) a #FFB6C1 (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — 3 smorzati e 3 vivaci su 6 colori.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Complessivamente la temperatura tende al freddo (4 su 6).

Codici HEX (ordinati): #00B8FF, #00D1B2, #121212, #1A1A2E, #B0BEC5, #FFB6C1

La tavolozza Dark Theme UI Kit for AI Coding Tools combina 6 codici colore:
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)
Versione semplificata della tavolozza dei colori
Rosa chiaro, Tinta di Nero, Sfumatura di Acquamarina medio, Sfumatura di Argento, Sfumatura di Azzurro cielo intenso, Tinta di Nero
La combinazione di colori è stata creata da colorstudio

Codici colori nella tavolozza

Dark Theme UI Kit for AI Coding Tools codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#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

Contrasto della palette di colori

7 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testo Colore di sfondo Rapporto di contrasto
#ffb6c1
#00d1b2
1.18
#ffb6c1
#b0bec5
1.15
#ffb6c1
#00b8ff
1.36
#1a1a2e
#121212
1.09
#00d1b2
#b0bec5
1.02
#00d1b2
#00b8ff
1.15

Tavolozza immagini Dark Theme UI Kit for AI Coding Tools png

Dark Theme UI Kit for AI Coding Tools tavolozza dei colori: Syntax Highlight Pink, Console Navy, Runtime Teal, Debugger Gray
 Scarica l'immagine