Ultra Minimal Algorithmic UI

Prime Black
#0a0a0a
Boolean White
#f5f5f5
Logic Gray
#6b7280
Accent Blue
#2563eb
Success Green
#16a34a

La tavolozza è composta da Buio, Leggero, Semi scuro colori. Colori accentati Boolean White #f5f5f5 e Accent Blue #2563eb. La tavolozza ha la temperatura del colore Neutro, Freddo.

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

La saturazione complessiva risulta per lo più smorzata (croma basso).

La maggior parte dei colori è quasi neutra o a bassissima saturazione; le relazioni tra toni sono sottili.

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #0A0A0A, #16A34A, #2563EB, #6B7280, #F5F5F5

La tavolozza Ultra Minimal Algorithmic UI ha una combinazione di colori dei codici 5:

ESADECIMALE: #0a0a0a, RGB: (10, 10, 10); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245); ESADECIMALE: #6b7280, RGB: (107, 114, 128)

ESADECIMALE: #2563eb, RGB: (37, 99, 235); ESADECIMALE: #16a34a, RGB: (22, 163, 74)

Versione semplificata della tavolozza dei colori

Ombra di Nero, Tonalità di slategrey, Tonalità di royalblue, Tonalità di mediumseagreen

La combinazione di colori è stata creata da colourlock

Altre tavolozze con:

Codici colori nella tavolozza

Ultra Minimal Algorithmic UI codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#0a0a0a	#0a0a0a	RGB(10, 10, 10)	Prime Black	Existential Angst
#f5f5f5	#f5f5f5	RGB(245, 245, 245)	Boolean White	White Smoke
#6b7280	#6b7280	RGB(107, 114, 128)	Logic Gray	—
#2563eb	#2563eb	RGB(37, 99, 235)	Accent Blue	—
#16a34a	#16a34a	RGB(22, 163, 74)	Success Green	—

Contrasto della palette di colori

3 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
#6b7280	#2563eb	1.06
#6b7280	#16a34a	1.46
#2563eb	#16a34a	1.56

Tavolozza immagini Ultra Minimal Algorithmic UI png

--color-prime-black:	#0a0a0a;
--color-boolean-white:	#f5f5f5;
--color-logic-gray:	#6b7280;
--color-accent-blue:	#2563eb;
--color-success-green:	#16a34a;

$color-prime-black:	#0a0a0a;
$color-boolean-white:	#f5f5f5;
$color-logic-gray:	#6b7280;
$color-accent-blue:	#2563eb;
$color-success-green:	#16a34a;

@color-prime-black:	#0a0a0a;
@color-boolean-white:	#f5f5f5;
@color-logic-gray:	#6b7280;
@color-accent-blue:	#2563eb;
@color-success-green:	#16a34a;