Semantic UX Grid Flow

Column Rose
#ff7e79
Row Sky
#a0e8af
Area Slate
#474747
Token White
#ffffff
Baseline Gray
#d0d0d0
Span Orange
#f9a875

La tavolozza è composta da Leggero colori. Colori accentati Column Rose #ff7e79 e Row Sky #a0e8af. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

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

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #474747, #A0E8AF, #D0D0D0, #F9A875, #FF7E79, #FFFFFF

La tavolozza Semantic UX Grid Flow ha una combinazione di colori dei codici 6:

ESADECIMALE: #ff7e79, RGB: (255, 126, 121); ESADECIMALE: #a0e8af, RGB: (160, 232, 175); ESADECIMALE: #474747, RGB: (71, 71, 71)

ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #d0d0d0, RGB: (208, 208, 208); ESADECIMALE: #f9a875, RGB: (249, 168, 117)

Versione semplificata della tavolozza dei colori

Ombra di salmon, Ombra di lightgreen, Tonalità di dimgrey, Bianco, Tonalità di lightgrey, Ombra di lightsalmon

La combinazione di colori è stata creata da raccoon

Altre tavolozze con:

Codici colori nella tavolozza

Semantic UX Grid Flow codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#ff7e79	#ff7e79	RGB(255, 126, 121)	Column Rose	Salmon Sashimi
#a0e8af	#a0e8af	RGB(160, 232, 175)	Row Sky	—
#474747	#474747	RGB(71, 71, 71)	Area Slate	Gray28
#ffffff	#ffffff	RGB(255, 255, 255)	Token White	White
#d0d0d0	#d0d0d0	RGB(208, 208, 208)	Baseline Gray	Ancestral Water
#f9a875	#f9a875	RGB(249, 168, 117)	Span Orange	—

Contrasto della palette di colori

9 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
#ff7e79	#a0e8af	1.72
#ff7e79	#d0d0d0	1.59
#ff7e79	#f9a875	1.27
#a0e8af	#ffffff	1.43
#a0e8af	#d0d0d0	1.07
#a0e8af	#f9a875	1.34

Tavolozza immagini Semantic UX Grid Flow png

--color-column-rose:	#ff7e79;
--color-row-sky:	#a0e8af;
--color-area-slate:	#474747;
--color-token-white:	#ffffff;
--color-baseline-gray:	#d0d0d0;
--color-span-orange:	#f9a875;

$color-column-rose:	#ff7e79;
$color-row-sky:	#a0e8af;
$color-area-slate:	#474747;
$color-token-white:	#ffffff;
$color-baseline-gray:	#d0d0d0;
$color-span-orange:	#f9a875;

@color-column-rose:	#ff7e79;
@color-row-sky:	#a0e8af;
@color-area-slate:	#474747;
@color-token-white:	#ffffff;
@color-baseline-gray:	#d0d0d0;
@color-span-orange:	#f9a875;