Retro JS Debug Playground

Pixel Red
#ff4e50
Matrix Green
#00ff90
Terminal Gray
#3e3e3e
Console Yellow
#ffd54f
Neon Sky
#83e1f5
Error Blue
#3d7e9a

La tavolozza è composta da Leggero colori. Colori accentati Console Yellow #ffd54f e Neon Sky #83e1f5. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #3E3E3E (più scuro) a #83E1F5 (più chiaro). L’intervallo di luminosità è moderato.

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): #00FF90, #3D7E9A, #3E3E3E, #83E1F5, #FF4E50, #FFD54F

La tavolozza Retro JS Debug Playground ha una combinazione di colori dei codici 6:

ESADECIMALE: #ff4e50, RGB: (255, 78, 80); ESADECIMALE: #00ff90, RGB: (0, 255, 144); ESADECIMALE: #3e3e3e, RGB: (62, 62, 62)

ESADECIMALE: #ffd54f, RGB: (255, 213, 79); ESADECIMALE: #83e1f5, RGB: (131, 225, 245); ESADECIMALE: #3d7e9a, RGB: (61, 126, 154)

Versione semplificata della tavolozza dei colori

Tonalità di tomato, Ombra di springgreen, Tonalità di darkslategrey, Ombra di gold, Ombra di skyblue, Tonalità di steelblue

La combinazione di colori è stata creata da hex

Altre tavolozze con:

Codici colori nella tavolozza

Retro JS Debug Playground codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#ff4e50	#ff4e50	RGB(255, 78, 80)	Pixel Red	—
#00ff90	#00ff90	RGB(0, 255, 144)	Matrix Green	—
#3e3e3e	#3e3e3e	RGB(62, 62, 62)	Terminal Gray	—
#ffd54f	#ffd54f	RGB(255, 213, 79)	Console Yellow	—
#83e1f5	#83e1f5	RGB(131, 225, 245)	Neon Sky	—
#3d7e9a	#3d7e9a	RGB(61, 126, 154)	Error Blue	—

Contrasto della palette di colori

4 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
#ff4e50	#3d7e9a	1.38
#00ff90	#ffd54f	1.05
#00ff90	#83e1f5	1.11
#ffd54f	#83e1f5	1.05

Tavolozza immagini Retro JS Debug Playground png

--color-pixel-red:	#ff4e50;
--color-matrix-green:	#00ff90;
--color-terminal-gray:	#3e3e3e;
--color-console-yellow:	#ffd54f;
--color-neon-sky:	#83e1f5;
--color-error-blue:	#3d7e9a;

$color-pixel-red:	#ff4e50;
$color-matrix-green:	#00ff90;
$color-terminal-gray:	#3e3e3e;
$color-console-yellow:	#ffd54f;
$color-neon-sky:	#83e1f5;
$color-error-blue:	#3d7e9a;

@color-pixel-red:	#ff4e50;
@color-matrix-green:	#00ff90;
@color-terminal-gray:	#3e3e3e;
@color-console-yellow:	#ffd54f;
@color-neon-sky:	#83e1f5;
@color-error-blue:	#3d7e9a;