Loading...
Creato a 07/22/2025 16:46
Scalable Design Infrastructure UI
- Grid Blue#3a86ff
- Token White#f9fafb
- System Yellow#fcd34d
- Atomic Coral#ff6f61
- Deploy Slate#64748b
- Refactor Teal#2ec4b6
La tavolozza è composta da Leggero colori. Colori accentati Grid Blue #3a86ff e Atomic Coral #ff6f61. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #64748B (più scuro) a #F9FAFB (più chiaro). L’intervallo di luminosità è moderato.
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): #2EC4B6, #3A86FF, #64748B, #F9FAFB, #FCD34D, #FF6F61
La tavolozza Scalable Design Infrastructure UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #3a86ff, RGB: (58, 134, 255); ESADECIMALE: #f9fafb, RGB: (249, 250, 251); ESADECIMALE: #fcd34d, RGB: (252, 211, 77)
ESADECIMALE: #ff6f61, RGB: (255, 111, 97); ESADECIMALE: #64748b, RGB: (100, 116, 139); ESADECIMALE: #2ec4b6, RGB: (46, 196, 182)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Ombra di whitesmoke, Ombra di gold, Tonalità di salmon, Tonalità di slategrey, Tonalità di mediumturquoise
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Scalable Design Infrastructure UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Grid Blue | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Token White | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | System Yellow | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Atomic Coral | Living Coral |
| #64748b | #64748b | RGB(100, 116, 139) | Deploy Slate | — |
| #2ec4b6 | #2ec4b6 | RGB(46, 196, 182) | Refactor Teal | — |
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 |
#3a86ff | #ff6f61 | 1.27 |
#3a86ff | #64748b | 1.36 |
#3a86ff | #2ec4b6 | 1.6 |
#f9fafb | #fcd34d | 1.37 |
#fcd34d | #ff6f61 | 1.89 |
#fcd34d | #2ec4b6 | 1.5 |
Tavolozza immagini Scalable Design Infrastructure UI png
Esporta tavolozza
Scarica la "Scalable Design Infrastructure UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: