Ui glossier ux blog colors

Chestnut
#9c443c
Desert Sand
#ecc4b3
Bistre
#44241c
Blast-Off Bronze
#a66f6a
Silver Pink
#cda8a2
Gray
#444444

La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Chestnut #9c443c e Desert Sand #ecc4b3. La tavolozza ha la temperatura del colore Caldo, Neutro.

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

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

La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #44241C, #444444, #9C443C, #A66F6A, #CDA8A2, #ECC4B3

La tavolozza Ui glossier ux blog colors ha una combinazione di colori dei codici 6:

ESADECIMALE: #9c443c, RGB: (156, 68, 60); ESADECIMALE: #ecc4b3, RGB: (236, 196, 179); ESADECIMALE: #44241c, RGB: (68, 36, 28)

ESADECIMALE: #a66f6a, RGB: (166, 111, 106); ESADECIMALE: #cda8a2, RGB: (205, 168, 162); ESADECIMALE: #444444, RGB: (68, 68, 68)

Versione semplificata della tavolozza dei colori

Ombra di brown, Tonalità di peachpuff, Ombra di Marrone, Ombra di indianred, Ombra di rosybrown, Tonalità di dimgrey

La combinazione di colori è stata creata da palettespicker

Altre tavolozze con:

Codici colori nella tavolozza

Ui glossier ux blog colors codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#9c443c	#9c443c	RGB(156, 68, 60)	Chestnut	—
#ecc4b3	#ecc4b3	RGB(236, 196, 179)	Desert Sand	—
#44241c	#44241c	RGB(68, 36, 28)	Bistre	—
#a66f6a	#a66f6a	RGB(166, 111, 106)	Blast-Off Bronze	—
#cda8a2	#cda8a2	RGB(205, 168, 162)	Silver Pink	—
#444444	#444444	RGB(68, 68, 68)	Gray	Goshawk Grey

Contrasto della palette di colori

5 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
#9c443c	#a66f6a	1.54
#9c443c	#444444	1.53
#ecc4b3	#cda8a2	1.34
#44241c	#444444	1.42
#a66f6a	#cda8a2	1.9

Tavolozza immagini Ui glossier ux blog colors png

--color-chestnut:	#9c443c;
--color-desert-sand:	#ecc4b3;
--color-bistre:	#44241c;
--color-blast-off-bronze:	#a66f6a;
--color-silver-pink:	#cda8a2;
--color-gray:	#444444;

$color-chestnut:	#9c443c;
$color-desert-sand:	#ecc4b3;
$color-bistre:	#44241c;
$color-blast-off-bronze:	#a66f6a;
$color-silver-pink:	#cda8a2;
$color-gray:	#444444;

@color-chestnut:	#9c443c;
@color-desert-sand:	#ecc4b3;
@color-bistre:	#44241c;
@color-blast-off-bronze:	#a66f6a;
@color-silver-pink:	#cda8a2;
@color-gray:	#444444;