Neural Graph Dashboard Pro

Data Node Blue
#0077b6
Vector Coral
#ff6b6b
Tensor Mint
#90e0ef
Plotline Gray
#b0bec5
Epoch Yellow
#ffd166
Neural Ink Black
#1a1a1a
Matrix White
#f9f9f9

La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Data Node Blue #0077b6 e Epoch Yellow #ffd166. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

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

La saturazione complessiva risulta vivida (croma alto).

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #0077B6, #1A1A1A, #90E0EF, #B0BEC5, #F9F9F9, #FF6B6B, #FFD166

La tavolozza Neural Graph Dashboard Pro ha una combinazione di colori dei codici 7:

ESADECIMALE: #0077b6, RGB: (0, 119, 182); ESADECIMALE: #ff6b6b, RGB: (255, 107, 107); ESADECIMALE: #90e0ef, RGB: (144, 224, 239)

ESADECIMALE: #b0bec5, RGB: (176, 190, 197); ESADECIMALE: #ffd166, RGB: (255, 209, 102); ESADECIMALE: #1a1a1a, RGB: (26, 26, 26)

ESADECIMALE: #f9f9f9, RGB: (249, 249, 249)

Versione semplificata della tavolozza dei colori

Tonalità di steelblue, Tonalità di salmon, Tonalità di powderblue, Tonalità di Argento, Ombra di gold, Ombra di Nero, Ombra di whitesmoke

La combinazione di colori è stata creata da coolor

Altre tavolozze con:

Codici colori nella tavolozza

Neural Graph Dashboard Pro codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#0077b6	#0077b6	RGB(0, 119, 182)	Data Node Blue	—
#ff6b6b	#ff6b6b	RGB(255, 107, 107)	Vector Coral	—
#90e0ef	#90e0ef	RGB(144, 224, 239)	Tensor Mint	—
#b0bec5	#b0bec5	RGB(176, 190, 197)	Plotline Gray	Ocean Drive
#ffd166	#ffd166	RGB(255, 209, 102)	Epoch Yellow	—
#1a1a1a	#1a1a1a	RGB(26, 26, 26)	Neural Ink Black	Gray10
#f9f9f9	#f9f9f9	RGB(249, 249, 249)	Matrix White	Doctor

Contrasto della palette di colori

10 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
#0077b6	#ff6b6b	1.75
#ff6b6b	#90e0ef	1.86
#ff6b6b	#b0bec5	1.45
#ff6b6b	#ffd166	1.92
#90e0ef	#b0bec5	1.27
#90e0ef	#ffd166	1.03

Tavolozza immagini Neural Graph Dashboard Pro png

--color-data-node-blue:	#0077b6;
--color-vector-coral:	#ff6b6b;
--color-tensor-mint:	#90e0ef;
--color-plotline-gray:	#b0bec5;
--color-epoch-yellow:	#ffd166;
--color-neural-ink-black:	#1a1a1a;
--color-matrix-white:	#f9f9f9;

$color-data-node-blue:	#0077b6;
$color-vector-coral:	#ff6b6b;
$color-tensor-mint:	#90e0ef;
$color-plotline-gray:	#b0bec5;
$color-epoch-yellow:	#ffd166;
$color-neural-ink-black:	#1a1a1a;
$color-matrix-white:	#f9f9f9;

@color-data-node-blue:	#0077b6;
@color-vector-coral:	#ff6b6b;
@color-tensor-mint:	#90e0ef;
@color-plotline-gray:	#b0bec5;
@color-epoch-yellow:	#ffd166;
@color-neural-ink-black:	#1a1a1a;
@color-matrix-white:	#f9f9f9;