Accessible Web3 Design System
- Smart Contract Navy#17202a
- Decentral Pink#ffc9e3
- Gas Fee Green#66d9a6
- Web Mesh White#fdfeff
- Node Blue#2980b9
- UX Flow Sand#f7e6c4
Creato il 07/11/2025 16:36
La tavolozza è composta da Scuro, Chiaro colori. Colori d'accento Decentral Pink #ffc9e3 e Web Mesh White #fdfeff. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #17202A (più scuro) a #FDFEFF (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 83% dei colori è vivido.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al freddo (3 su 6).
Codici HEX (ordinati): #17202A, #2980B9, #66D9A6, #F7E6C4, #FDFEFF, #FFC9E3
La tavolozza Accessible Web3 Design System combina 6 codici colore:
HEX: #17202a, RGB: (23, 32, 42); HEX: #ffc9e3, RGB: (255, 201, 227); HEX: #66d9a6, RGB: (102, 217, 166)
HEX: #fdfeff, RGB: (253, 254, 255); HEX: #2980b9, RGB: (41, 128, 185); HEX: #f7e6c4, RGB: (247, 230, 196)
Versione semplificata della tavolozza dei colori
Tinta di Nero, Tinta di Rosa, Tinta di Acquamarina medio, Sfumatura di Bianco, Sfumatura di Blu acciaio, Sfumatura di Mandorla sbiancata
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Accessible Web3 Design System codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #17202a | #17202a | RGB(23, 32, 42) | Smart Contract Navy | — |
| #ffc9e3 | #ffc9e3 | RGB(255, 201, 227) | Decentral Pink | — |
| #66d9a6 | #66d9a6 | RGB(102, 217, 166) | Gas Fee Green | — |
| #fdfeff | #fdfeff | RGB(253, 254, 255) | Web Mesh White | — |
| #2980b9 | #2980b9 | RGB(41, 128, 185) | Node Blue | — |
| #f7e6c4 | #f7e6c4 | RGB(247, 230, 196) | UX Flow Sand | — |
Contrasto della palette di colori
6 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 |
|---|---|---|
#ffc9e3 | #66d9a6 | 1.22 |
#ffc9e3 | #fdfeff | 1.41 |
#ffc9e3 | #f7e6c4 | 1.16 |
#66d9a6 | #fdfeff | 1.72 |
#66d9a6 | #f7e6c4 | 1.41 |
#fdfeff | #f7e6c4 | 1.21 |
Tavolozza immagini Accessible Web3 Design System png
Esporta tavolozza
Scarica la "Accessible Web3 Design System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: