Golf ux interaction design

Orange-Red
#f9671f
Orange-Yellow (Crayola)
#fac465
Cool Black
#0e255b
Bronze (Metallic)
#9e9449
Silver Pink
#c4b4ac
Royal Brown
#54342c

La tavolozza è composta da Leggero, Buio colori. Colori accentati Orange-Red #f9671f e Cool Black #0e255b. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

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

Codici HEX (ordinati): #0E255B, #54342C, #9E9449, #C4B4AC, #F9671F, #FAC465

La tavolozza Golf ux interaction design ha una combinazione di colori dei codici 6:

ESADECIMALE: #f9671f, RGB: (249, 103, 31); ESADECIMALE: #fac465, RGB: (250, 196, 101); ESADECIMALE: #0e255b, RGB: (14, 37, 91)

ESADECIMALE: #9e9449, RGB: (158, 148, 73); ESADECIMALE: #c4b4ac, RGB: (196, 180, 172); ESADECIMALE: #54342c, RGB: (84, 52, 44)

Versione semplificata della tavolozza dei colori

Ombra di orangered, Ombra di goldenrod, Ombra di midnightblue, Tonalità di darkkhaki, Tonalità di Argento, Ombra di Marrone

La combinazione di colori è stata creata da bad_colors

Altre tavolozze con:

Codici colori nella tavolozza

Golf ux interaction design codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#f9671f	#f9671f	RGB(249, 103, 31)	Orange-Red	—
#fac465	#fac465	RGB(250, 196, 101)	Orange-Yellow (Crayola)	—
#0e255b	#0e255b	RGB(14, 37, 91)	Cool Black	—
#9e9449	#9e9449	RGB(158, 148, 73)	Bronze (Metallic)	—
#c4b4ac	#c4b4ac	RGB(196, 180, 172)	Silver Pink	—
#54342c	#54342c	RGB(84, 52, 44)	Royal Brown	—

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
#f9671f	#fac465	1.88
#f9671f	#9e9449	1.02
#f9671f	#c4b4ac	1.49
#fac465	#9e9449	1.93
#fac465	#c4b4ac	1.25
#0e255b	#54342c	1.32

Tavolozza immagini Golf ux interaction design png

--color-orange-red:	#f9671f;
--color-orange-yellow-crayola:	#fac465;
--color-cool-black:	#0e255b;
--color-bronze-metallic:	#9e9449;
--color-silver-pink:	#c4b4ac;
--color-royal-brown:	#54342c;

$color-orange-red:	#f9671f;
$color-orange-yellow-crayola:	#fac465;
$color-cool-black:	#0e255b;
$color-bronze-metallic:	#9e9449;
$color-silver-pink:	#c4b4ac;
$color-royal-brown:	#54342c;

@color-orange-red:	#f9671f;
@color-orange-yellow-crayola:	#fac465;
@color-cool-black:	#0e255b;
@color-bronze-metallic:	#9e9449;
@color-silver-pink:	#c4b4ac;
@color-royal-brown:	#54342c;