Web3 Accessibility Studio

Block Mint
#9deddc
Protocol Purple
#8755da
Smart Contract Gray
#4d4d4d
Decentral Light
#f9f9fa
Token Orange
#ffb86b
Darkmode Hyperlink
#2979ff

La tavolozza è composta da Leggero colori. Colori accentati Token Orange #ffb86b e Darkmode Hyperlink #2979ff. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #4D4D4D (più scuro) a #F9F9FA (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).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #2979FF, #4D4D4D, #8755DA, #9DEDDC, #F9F9FA, #FFB86B

La tavolozza Web3 Accessibility Studio ha una combinazione di colori dei codici 6:

ESADECIMALE: #9deddc, RGB: (157, 237, 220); ESADECIMALE: #8755da, RGB: (135, 85, 218); ESADECIMALE: #4d4d4d, RGB: (77, 77, 77)

ESADECIMALE: #f9f9fa, RGB: (249, 249, 250); ESADECIMALE: #ffb86b, RGB: (255, 184, 107); ESADECIMALE: #2979ff, RGB: (41, 121, 255)

Versione semplificata della tavolozza dei colori

Tonalità di paleturquoise, Ombra di slateblue, Tonalità di dimgrey, Ombra di whitesmoke, Ombra di sandybrown, Ombra di royalblue

La combinazione di colori è stata creata da colorday

Altre tavolozze con:

Codici colori nella tavolozza

Web3 Accessibility Studio codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#9deddc	#9deddc	RGB(157, 237, 220)	Block Mint	—
#8755da	#8755da	RGB(135, 85, 218)	Protocol Purple	—
#4d4d4d	#4d4d4d	RGB(77, 77, 77)	Smart Contract Gray	Gray30
#f9f9fa	#f9f9fa	RGB(249, 249, 250)	Decentral Light	—
#ffb86b	#ffb86b	RGB(255, 184, 107)	Token Orange	—
#2979ff	#2979ff	RGB(41, 121, 255)	Darkmode Hyperlink	—

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
#9deddc	#f9f9fa	1.28
#9deddc	#ffb86b	1.26
#8755da	#4d4d4d	1.74
#8755da	#2979ff	1.21
#f9f9fa	#ffb86b	1.61

Tavolozza immagini Web3 Accessibility Studio png

--color-block-mint:	#9deddc;
--color-protocol-purple:	#8755da;
--color-smart-contract-gray:	#4d4d4d;
--color-decentral-light:	#f9f9fa;
--color-token-orange:	#ffb86b;
--color-darkmode-hyperlink:	#2979ff;

$color-block-mint:	#9deddc;
$color-protocol-purple:	#8755da;
$color-smart-contract-gray:	#4d4d4d;
$color-decentral-light:	#f9f9fa;
$color-token-orange:	#ffb86b;
$color-darkmode-hyperlink:	#2979ff;

@color-block-mint:	#9deddc;
@color-protocol-purple:	#8755da;
@color-smart-contract-gray:	#4d4d4d;
@color-decentral-light:	#f9f9fa;
@color-token-orange:	#ffb86b;
@color-darkmode-hyperlink:	#2979ff;