Creato a 06/25/2025 20:37
Web3 Component Kit Vision
- Protocol Indigo#4338ca
- Neon Grid Green#10b981
- Meta Charcoal#1f2937
- Upload Lilac#d8b4fe
- Framework Frost#f0f9ff
- Syntax Copper#b45309
- Canvas Gray#e5e7eb
- Token Pink#f472b6
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Framework Frost #f0f9ff e Syntax Copper #b45309. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1F2937 (più scuro) a #F0F9FF (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): #10B981, #1F2937, #4338CA, #B45309, #D8B4FE, #E5E7EB, #F0F9FF, #F472B6
La tavolozza Web3 Component Kit Vision ha una combinazione di colori dei codici 8:
ESADECIMALE: #4338ca, RGB: (67, 56, 202); ESADECIMALE: #10b981, RGB: (16, 185, 129); ESADECIMALE: #1f2937, RGB: (31, 41, 55)
ESADECIMALE: #d8b4fe, RGB: (216, 180, 254); ESADECIMALE: #f0f9ff, RGB: (240, 249, 255); ESADECIMALE: #b45309, RGB: (180, 83, 9)
ESADECIMALE: #e5e7eb, RGB: (229, 231, 235); ESADECIMALE: #f472b6, RGB: (244, 114, 182)
Versione semplificata della tavolozza dei colori
Ombra di Blu, Tonalità di mediumseagreen, Ombra di Nero, Ombra di plum, Ombra di aliceblue, Ombra di sienna, Ombra di gainsboro, Ombra di hotpink
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Web3 Component Kit Vision codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #4338ca | #4338ca | RGB(67, 56, 202) | Protocol Indigo | — |
| #10b981 | #10b981 | RGB(16, 185, 129) | Neon Grid Green | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Meta Charcoal | — |
| #d8b4fe | #d8b4fe | RGB(216, 180, 254) | Upload Lilac | — |
| #f0f9ff | #f0f9ff | RGB(240, 249, 255) | Framework Frost | — |
| #b45309 | #b45309 | RGB(180, 83, 9) | Syntax Copper | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Canvas Gray | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Token Pink | — |
Contrasto della palette di colori
10 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 |
|---|---|---|
#4338ca | #1f2937 | 1.85 |
#4338ca | #b45309 | 1.57 |
#10b981 | #d8b4fe | 1.43 |
#10b981 | #b45309 | 1.97 |
#10b981 | #f472b6 | 1.04 |
#d8b4fe | #f0f9ff | 1.65 |
Tavolozza immagini Web3 Component Kit Vision png
Esporta tavolozza
Scarica la "Web3 Component Kit Vision" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: