UX Kit Quantum Neural Path

Interface Cyan

#00e0e0

Synaptic Orange

#ff8c42

Wireframe Silver

#b0bec5

Prototype Blue

#2979ff

Cognitive Black

#121212

Flowchart Sand

#ffd9a0

La tavolozza è composta da Leggero, Buio colori. Colori accentati Interface Cyan #00e0e0 e Flowchart Sand #ffd9a0. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

La tavolozza UX Kit Quantum Neural Path ha una combinazione di colori dei codici 6:

ESADECIMALE: #00e0e0, RGB: (0, 224, 224); ESADECIMALE: #ff8c42, RGB: (255, 140, 66); ESADECIMALE: #b0bec5, RGB: (176, 190, 197)

ESADECIMALE: #2979ff, RGB: (41, 121, 255); ESADECIMALE: #121212, RGB: (18, 18, 18); ESADECIMALE: #ffd9a0, RGB: (255, 217, 160)

Versione semplificata della tavolozza dei colori

Tonalità di mediumturquoise, Ombra di darkorange, Tonalità di Argento, Ombra di royalblue, Ombra di Nero, Tonalità di navajowhite

La combinazione di colori è stata creata da coolor

Altre tavolozze con:

Codici colori nella tavolozza

UX Kit Quantum Neural Path codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#00e0e0	#00e0e0	RGB(0, 224, 224)	Interface Cyan	—
#ff8c42	#ff8c42	RGB(255, 140, 66)	Synaptic Orange	—
#b0bec5	#b0bec5	RGB(176, 190, 197)	Wireframe Silver	Ocean Drive
#2979ff	#2979ff	RGB(41, 121, 255)	Prototype Blue	—
#121212	#121212	RGB(18, 18, 18)	Cognitive Black	Dark Tone Ink
#ffd9a0	#ffd9a0	RGB(255, 217, 160)	Flowchart Sand	—

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
#00e0e0	#ff8c42	1.4
#00e0e0	#b0bec5	1.15
#00e0e0	#ffd9a0	1.23
#ff8c42	#b0bec5	1.21
#ff8c42	#2979ff	1.72
#ff8c42	#ffd9a0	1.72

Tavolozza immagini UX Kit Quantum Neural Path png

--color-interface-cyan:	#00e0e0;
--color-synaptic-orange:	#ff8c42;
--color-wireframe-silver:	#b0bec5;
--color-prototype-blue:	#2979ff;
--color-cognitive-black:	#121212;
--color-flowchart-sand:	#ffd9a0;

$color-interface-cyan:	#00e0e0;
$color-synaptic-orange:	#ff8c42;
$color-wireframe-silver:	#b0bec5;
$color-prototype-blue:	#2979ff;
$color-cognitive-black:	#121212;
$color-flowchart-sand:	#ffd9a0;

@color-interface-cyan:	#00e0e0;
@color-synaptic-orange:	#ff8c42;
@color-wireframe-silver:	#b0bec5;
@color-prototype-blue:	#2979ff;
@color-cognitive-black:	#121212;
@color-flowchart-sand:	#ffd9a0;