Creato a 06/26/2025 08:26
Interactive UI Elements Library
- Hover Blue#3b82f6
- Focus Mint#34d399
- Press Charcoal#1f2937
- Disabled Fog#e5e7eb
- Active Apricot#fdba74
- Shadow Indigo#6366f1
- Ripple Rose#f9a8d4
La tavolozza è composta da Leggero, Buio colori. Colori accentati Hover Blue #3b82f6 e Active Apricot #fdba74. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1F2937 (più scuro) a #E5E7EB (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): #1F2937, #34D399, #3B82F6, #6366F1, #E5E7EB, #F9A8D4, #FDBA74
La tavolozza Interactive UI Elements Library ha una combinazione di colori dei codici 7:
ESADECIMALE: #3b82f6, RGB: (59, 130, 246); ESADECIMALE: #34d399, RGB: (52, 211, 153); ESADECIMALE: #1f2937, RGB: (31, 41, 55)
ESADECIMALE: #e5e7eb, RGB: (229, 231, 235); ESADECIMALE: #fdba74, RGB: (253, 186, 116); ESADECIMALE: #6366f1, RGB: (99, 102, 241)
ESADECIMALE: #f9a8d4, RGB: (249, 168, 212)
Versione semplificata della tavolozza dei colori
Tonalità di dodgerblue, Tonalità di mediumaquamarine, Ombra di Nero, Ombra di gainsboro, Ombra di sandybrown, Tonalità di mediumslateblue, Ombra di plum
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Interactive UI Elements Library codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Hover Blue | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Focus Mint | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Press Charcoal | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Disabled Fog | — |
| #fdba74 | #fdba74 | RGB(253, 186, 116) | Active Apricot | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Shadow Indigo | — |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Ripple Rose | — |
Contrasto della palette di colori
8 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 |
#3b82f6 | #34d399 | 1.91 |
#3b82f6 | #6366f1 | 1.21 |
#34d399 | #e5e7eb | 1.55 |
#34d399 | #fdba74 | 1.13 |
#34d399 | #f9a8d4 | 1.06 |
#e5e7eb | #fdba74 | 1.36 |
Tavolozza immagini Interactive UI Elements Library png
Esporta tavolozza
Scarica la "Interactive UI Elements Library" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: