Real-Time Web App Interface

Server Sky
#daf5ff
Client Pink
#ffb7c5
Event Loop Yellow
#ffeb99
State Machine Grey
#bfbfbf
Socket Orange
#ffa45b
Data Stream Green
#98fb98

La tavolozza è composta da Leggero colori. Colori accentati Server Sky #daf5ff e Event Loop Yellow #ffeb99. La tavolozza ha la temperatura del colore Neutro, Caldo.

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

Codici HEX (ordinati): #98FB98, #BFBFBF, #DAF5FF, #FFA45B, #FFB7C5, #FFEB99

La tavolozza Real-Time Web App Interface ha una combinazione di colori dei codici 6:

ESADECIMALE: #daf5ff, RGB: (218, 245, 255); ESADECIMALE: #ffb7c5, RGB: (255, 183, 197); ESADECIMALE: #ffeb99, RGB: (255, 235, 153)

ESADECIMALE: #bfbfbf, RGB: (191, 191, 191); ESADECIMALE: #ffa45b, RGB: (255, 164, 91); ESADECIMALE: #98fb98, RGB: (152, 251, 152)

Versione semplificata della tavolozza dei colori

Tonalità di azure, Ombra di lightpink, Ombra di Cachi, Tonalità di Argento, Ombra di sandybrown

La combinazione di colori è stata creata da colorhunt

Altre tavolozze con:

Codici colori nella tavolozza

Real-Time Web App Interface codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#daf5ff	#daf5ff	RGB(218, 245, 255)	Server Sky	—
#ffb7c5	#ffb7c5	RGB(255, 183, 197)	Client Pink	Cherry Blossom Pink
#ffeb99	#ffeb99	RGB(255, 235, 153)	Event Loop Yellow	—
#bfbfbf	#bfbfbf	RGB(191, 191, 191)	State Machine Grey	Gray75
#ffa45b	#ffa45b	RGB(255, 164, 91)	Socket Orange	—
#98fb98	#98fb98	RGB(152, 251, 152)	Data Stream Green	Toxic Frog

Contrasto della palette di colori

15 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
#daf5ff	#ffb7c5	1.44
#daf5ff	#ffeb99	1.05
#daf5ff	#bfbfbf	1.61
#daf5ff	#ffa45b	1.72
#daf5ff	#98fb98	1.11
#ffb7c5	#ffeb99	1.37

Tavolozza immagini Real-Time Web App Interface png

--color-server-sky:	#daf5ff;
--color-client-pink:	#ffb7c5;
--color-event-loop-yellow:	#ffeb99;
--color-state-machine-grey:	#bfbfbf;
--color-socket-orange:	#ffa45b;
--color-data-stream-green:	#98fb98;

$color-server-sky:	#daf5ff;
$color-client-pink:	#ffb7c5;
$color-event-loop-yellow:	#ffeb99;
$color-state-machine-grey:	#bfbfbf;
$color-socket-orange:	#ffa45b;
$color-data-stream-green:	#98fb98;

@color-server-sky:	#daf5ff;
@color-client-pink:	#ffb7c5;
@color-event-loop-yellow:	#ffeb99;
@color-state-machine-grey:	#bfbfbf;
@color-socket-orange:	#ffa45b;
@color-data-stream-green:	#98fb98;