Ui design palette

Palatinate Blue
#4434e3
Ceil
#9496e2
Van Dyke Brown
#654430
Beaver
#967c69
Wild Blue Yonder
#a9b6d8
Jacarta
#34395a

La tavolozza è composta da Leggero colori. Colori accentati Palatinate Blue #4434e3 e Van Dyke Brown #654430. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #34395A (più scuro) a #A9B6D8 (più chiaro). L’intervallo di luminosità è moderato.

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

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #34395A, #4434E3, #654430, #9496E2, #967C69, #A9B6D8

La tavolozza Ui design palette ha una combinazione di colori dei codici 6:

ESADECIMALE: #4434e3, RGB: (68, 52, 227); ESADECIMALE: #9496e2, RGB: (148, 150, 226); ESADECIMALE: #654430, RGB: (101, 68, 48)

ESADECIMALE: #967c69, RGB: (150, 124, 105); ESADECIMALE: #a9b6d8, RGB: (169, 182, 216); ESADECIMALE: #34395a, RGB: (52, 57, 90)

Versione semplificata della tavolozza dei colori

Ombra di Blu, Ombra di cornflowerblue, Tonalità di saddlebrown, Ombra di Grigio, Tonalità di lightsteelblue, Tonalità di darkslateblue

La combinazione di colori è stata creata da colorswall

Altre tavolozze con:

Codici colori nella tavolozza

Ui design palette codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#4434e3	#4434e3	RGB(68, 52, 227)	Palatinate Blue	—
#9496e2	#9496e2	RGB(148, 150, 226)	Ceil	—
#654430	#654430	RGB(101, 68, 48)	Van Dyke Brown	—
#967c69	#967c69	RGB(150, 124, 105)	Beaver	—
#a9b6d8	#a9b6d8	RGB(169, 182, 216)	Wild Blue Yonder	—
#34395a	#34395a	RGB(52, 57, 90)	Jacarta	—

Contrasto della palette di colori

7 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
#4434e3	#654430	1.17
#4434e3	#967c69	1.89
#4434e3	#34395a	1.51
#9496e2	#967c69	1.43
#9496e2	#a9b6d8	1.34
#654430	#34395a	1.28

Tavolozza immagini Ui design palette png

--color-palatinate-blue:	#4434e3;
--color-ceil:	#9496e2;
--color-van-dyke-brown:	#654430;
--color-beaver:	#967c69;
--color-wild-blue-yonder:	#a9b6d8;
--color-jacarta:	#34395a;

$color-palatinate-blue:	#4434e3;
$color-ceil:	#9496e2;
$color-van-dyke-brown:	#654430;
$color-beaver:	#967c69;
$color-wild-blue-yonder:	#a9b6d8;
$color-jacarta:	#34395a;

@color-palatinate-blue:	#4434e3;
@color-ceil:	#9496e2;
@color-van-dyke-brown:	#654430;
@color-beaver:	#967c69;
@color-wild-blue-yonder:	#a9b6d8;
@color-jacarta:	#34395a;

Ui design palette

Codici colori nella tavolozza

Contrasto della palette di colori

Tavolozza immagini Ui design palette png

Tavolozze di colori correlate