Lemonbyte Touch Grid

Zesty Lemon
#ffef7e
Byte Blue
#a5d7f9
UI Cream
#fff8e3
Soft Peach
#ffdacc
Warm Fog
#ececec
Terminal Graphite
#383838

La tavolozza è composta da Leggero colori. Colori accentati Byte Blue #a5d7f9 e UI Cream #fff8e3. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #383838 (più scuro) a #FFF8E3 (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): #383838, #A5D7F9, #ECECEC, #FFDACC, #FFEF7E, #FFF8E3

La tavolozza Lemonbyte Touch Grid ha una combinazione di colori dei codici 6:

ESADECIMALE: #ffef7e, RGB: (255, 239, 126); ESADECIMALE: #a5d7f9, RGB: (165, 215, 249); ESADECIMALE: #fff8e3, RGB: (255, 248, 227)

ESADECIMALE: #ffdacc, RGB: (255, 218, 204); ESADECIMALE: #ececec, RGB: (236, 236, 236); ESADECIMALE: #383838, RGB: (56, 56, 56)

Versione semplificata della tavolozza dei colori

Ombra di Cachi, Ombra di lightskyblue, Ombra di cornsilk, Tonalità di mistyrose, Tonalità di whitesmoke, Tonalità di darkslategrey

La combinazione di colori è stata creata da hex

Altre tavolozze con:

Codici colori nella tavolozza

Lemonbyte Touch Grid codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#ffef7e	#ffef7e	RGB(255, 239, 126)	Zesty Lemon	—
#a5d7f9	#a5d7f9	RGB(165, 215, 249)	Byte Blue	—
#fff8e3	#fff8e3	RGB(255, 248, 227)	UI Cream	Pinch of Pearl
#ffdacc	#ffdacc	RGB(255, 218, 204)	Soft Peach	—
#ececec	#ececec	RGB(236, 236, 236)	Warm Fog	—
#383838	#383838	RGB(56, 56, 56)	Terminal Graphite	Lacquered Licorice

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
#ffef7e	#a5d7f9	1.3
#ffef7e	#fff8e3	1.1
#ffef7e	#ffdacc	1.1
#ffef7e	#ececec	1
#a5d7f9	#fff8e3	1.44
#a5d7f9	#ffdacc	1.18

Tavolozza immagini Lemonbyte Touch Grid png

--color-zesty-lemon:	#ffef7e;
--color-byte-blue:	#a5d7f9;
--color-ui-cream:	#fff8e3;
--color-soft-peach:	#ffdacc;
--color-warm-fog:	#ececec;
--color-terminal-graphite:	#383838;

$color-zesty-lemon:	#ffef7e;
$color-byte-blue:	#a5d7f9;
$color-ui-cream:	#fff8e3;
$color-soft-peach:	#ffdacc;
$color-warm-fog:	#ececec;
$color-terminal-graphite:	#383838;

@color-zesty-lemon:	#ffef7e;
@color-byte-blue:	#a5d7f9;
@color-ui-cream:	#fff8e3;
@color-soft-peach:	#ffdacc;
@color-warm-fog:	#ececec;
@color-terminal-graphite:	#383838;