System Design Accessibility Matrix

Diagram Navy
#283593
Schema Aqua
#00acc1
Entity Coral
#f06292
Wire Beige
#fff9c4
Node Black
#202020
Interaction Mint
#a5d6a7

La tavolozza è composta da Leggero, Buio colori. Colori accentati Schema Aqua #00acc1 e Wire Beige #fff9c4. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

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

La saturazione complessiva risulta vivida (croma alto).

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

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #00ACC1, #202020, #283593, #A5D6A7, #F06292, #FFF9C4

La tavolozza System Design Accessibility Matrix ha una combinazione di colori dei codici 6:

ESADECIMALE: #283593, RGB: (40, 53, 147); ESADECIMALE: #00acc1, RGB: (0, 172, 193); ESADECIMALE: #f06292, RGB: (240, 98, 146)

ESADECIMALE: #fff9c4, RGB: (255, 249, 196); ESADECIMALE: #202020, RGB: (32, 32, 32); ESADECIMALE: #a5d6a7, RGB: (165, 214, 167)

Versione semplificata della tavolozza dei colori

Tonalità di darkslateblue, Tonalità di cadetblue, Tonalità di palevioletred, Tonalità di lemonchiffon, Ombra di Nero, Ombra di darkseagreen

La combinazione di colori è stata creata da colorslib

Altre tavolozze con:

Codici colori nella tavolozza

System Design Accessibility Matrix codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#283593	#283593	RGB(40, 53, 147)	Diagram Navy	—
#00acc1	#00acc1	RGB(0, 172, 193)	Schema Aqua	—
#f06292	#f06292	RGB(240, 98, 146)	Entity Coral	—
#fff9c4	#fff9c4	RGB(255, 249, 196)	Wire Beige	—
#202020	#202020	RGB(32, 32, 32)	Node Black	—
#a5d6a7	#a5d6a7	RGB(165, 214, 167)	Interaction Mint	—

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
#283593	#202020	1.56
#00acc1	#f06292	1.11
#00acc1	#a5d6a7	1.66
#f06292	#a5d6a7	1.86
#fff9c4	#a5d6a7	1.53

Tavolozza immagini System Design Accessibility Matrix png

System Design Accessibility Matrix - #559050

--color-diagram-navy:	#283593;
--color-schema-aqua:	#00acc1;
--color-entity-coral:	#f06292;
--color-wire-beige:	#fff9c4;
--color-node-black:	#202020;
--color-interaction-mint:	#a5d6a7;

$color-diagram-navy:	#283593;
$color-schema-aqua:	#00acc1;
$color-entity-coral:	#f06292;
$color-wire-beige:	#fff9c4;
$color-node-black:	#202020;
$color-interaction-mint:	#a5d6a7;

@color-diagram-navy:	#283593;
@color-schema-aqua:	#00acc1;
@color-entity-coral:	#f06292;
@color-wire-beige:	#fff9c4;
@color-node-black:	#202020;
@color-interaction-mint:	#a5d6a7;