Dark UI for Developer Tools

CLI Black
#0c0c0d
Syntax Highlight Green
#6ef29a
Tab Focus Indigo
#8f96ff
Sidebar Matte
#1e1f22
Command Alert Red
#ff6e6e
Script Ivory
#ececec

La tavolozza è composta da Buio, Leggero colori. Colori accentati Tab Focus Indigo #8f96ff e Command Alert Red #ff6e6e. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.

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

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #0C0C0D, #1E1F22, #6EF29A, #8F96FF, #ECECEC, #FF6E6E

La tavolozza Dark UI for Developer Tools ha una combinazione di colori dei codici 6:

ESADECIMALE: #0c0c0d, RGB: (12, 12, 13); ESADECIMALE: #6ef29a, RGB: (110, 242, 154); ESADECIMALE: #8f96ff, RGB: (143, 150, 255)

ESADECIMALE: #1e1f22, RGB: (30, 31, 34); ESADECIMALE: #ff6e6e, RGB: (255, 110, 110); ESADECIMALE: #ececec, RGB: (236, 236, 236)

Versione semplificata della tavolozza dei colori

Ombra di Nero, Tonalità di lightgreen, Ombra di cornflowerblue, Ombra di Nero, Tonalità di lightcoral, Tonalità di whitesmoke

La combinazione di colori è stata creata da colourlock

Altre tavolozze con:

Codici colori nella tavolozza

Dark UI for Developer Tools codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#0c0c0d	#0c0c0d	RGB(12, 12, 13)	CLI Black	—
#6ef29a	#6ef29a	RGB(110, 242, 154)	Syntax Highlight Green	—
#8f96ff	#8f96ff	RGB(143, 150, 255)	Tab Focus Indigo	—
#1e1f22	#1e1f22	RGB(30, 31, 34)	Sidebar Matte	—
#ff6e6e	#ff6e6e	RGB(255, 110, 110)	Command Alert Red	—
#ececec	#ececec	RGB(236, 236, 236)	Script Ivory	—

Contrasto della palette di colori

5 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
#0c0c0d	#1e1f22	1.18
#6ef29a	#8f96ff	1.85
#6ef29a	#ff6e6e	1.92
#6ef29a	#ececec	1.19
#8f96ff	#ff6e6e	1.03

Tavolozza immagini Dark UI for Developer Tools png

--color-cli-black:	#0c0c0d;
--color-syntax-highlight-green:	#6ef29a;
--color-tab-focus-indigo:	#8f96ff;
--color-sidebar-matte:	#1e1f22;
--color-command-alert-red:	#ff6e6e;
--color-script-ivory:	#ececec;

$color-cli-black:	#0c0c0d;
$color-syntax-highlight-green:	#6ef29a;
$color-tab-focus-indigo:	#8f96ff;
$color-sidebar-matte:	#1e1f22;
$color-command-alert-red:	#ff6e6e;
$color-script-ivory:	#ececec;

@color-cli-black:	#0c0c0d;
@color-syntax-highlight-green:	#6ef29a;
@color-tab-focus-indigo:	#8f96ff;
@color-sidebar-matte:	#1e1f22;
@color-command-alert-red:	#ff6e6e;
@color-script-ivory:	#ececec;