Retro Pixel UI Toolkit

Pixel Cyan
#00e5ff
Sprite Magenta
#ff00ff
Scoreboard Yellow
#ffd700
Background Black
#000000
HUD Orange
#ff8c42
Overlay White
#f5f5f5

La tavolozza è composta da Leggero, Buio colori. Colori accentati Pixel Cyan #00e5ff e Scoreboard Yellow #ffd700. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #000000 (più scuro) a #F5F5F5 (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 caldo.

Codici HEX (ordinati): #000000, #00E5FF, #F5F5F5, #FF00FF, #FF8C42, #FFD700

La tavolozza Retro Pixel UI Toolkit ha una combinazione di colori dei codici 6:

ESADECIMALE: #00e5ff, RGB: (0, 229, 255); ESADECIMALE: #ff00ff, RGB: (255, 0, 255); ESADECIMALE: #ffd700, RGB: (255, 215, 0)

ESADECIMALE: #000000, RGB: (0, 0, 0); ESADECIMALE: #ff8c42, RGB: (255, 140, 66); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245)

Versione semplificata della tavolozza dei colori

Ombra di darkturquoise, magenta, Nero, Ombra di darkorange

La combinazione di colori è stata creata da hex

Altre tavolozze con:

Codici colori nella tavolozza

Retro Pixel UI Toolkit codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#00e5ff	#00e5ff	RGB(0, 229, 255)	Pixel Cyan	—
#ff00ff	#ff00ff	RGB(255, 0, 255)	Sprite Magenta	Magenta
#ffd700	#ffd700	RGB(255, 215, 0)	Scoreboard Yellow	Gold
#000000	#000000	RGB(0, 0, 0)	Background Black	Black
#ff8c42	#ff8c42	RGB(255, 140, 66)	HUD Orange	—
#f5f5f5	#f5f5f5	RGB(245, 245, 245)	Overlay White	White Smoke

Contrasto della palette di colori

6 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
#00e5ff	#ffd700	1.09
#00e5ff	#ff8c42	1.5
#00e5ff	#f5f5f5	1.41
#ff00ff	#ff8c42	1.35
#ffd700	#ff8c42	1.64
#ffd700	#f5f5f5	1.28

--color-pixel-cyan:	#00e5ff;
--color-sprite-magenta:	#ff00ff;
--color-scoreboard-yellow:	#ffd700;
--color-background-black:	#000000;
--color-hud-orange:	#ff8c42;
--color-overlay-white:	#f5f5f5;

$color-pixel-cyan:	#00e5ff;
$color-sprite-magenta:	#ff00ff;
$color-scoreboard-yellow:	#ffd700;
$color-background-black:	#000000;
$color-hud-orange:	#ff8c42;
$color-overlay-white:	#f5f5f5;

@color-pixel-cyan:	#00e5ff;
@color-sprite-magenta:	#ff00ff;
@color-scoreboard-yellow:	#ffd700;
@color-background-black:	#000000;
@color-hud-orange:	#ff8c42;
@color-overlay-white:	#f5f5f5;

Retro Pixel UI Toolkit

Codici colori nella tavolozza

Contrasto della palette di colori

Tavolozza immagini Retro Pixel UI Toolkit png