Creato a 06/28/2025 20:37
Serverless UI Interaction Kit
- Function Aqua#5eead4
- Event Sand#fef6e3
- Trigger Blue#60a5fa
- Log Fog#f3f4f6
- Gateway Indigo#4f46e5
- Invoke Coral#fb7185
- Scale Graphite#1e1e1e
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Trigger Blue #60a5fa e Invoke Coral #fb7185. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1E1E1E (più scuro) a #F3F4F6 (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): #1E1E1E, #4F46E5, #5EEAD4, #60A5FA, #F3F4F6, #FB7185, #FEF6E3
La tavolozza Serverless UI Interaction Kit ha una combinazione di colori dei codici 7:
ESADECIMALE: #5eead4, RGB: (94, 234, 212); ESADECIMALE: #fef6e3, RGB: (254, 246, 227); ESADECIMALE: #60a5fa, RGB: (96, 165, 250)
ESADECIMALE: #f3f4f6, RGB: (243, 244, 246); ESADECIMALE: #4f46e5, RGB: (79, 70, 229); ESADECIMALE: #fb7185, RGB: (251, 113, 133)
ESADECIMALE: #1e1e1e, RGB: (30, 30, 30)
Versione semplificata della tavolozza dei colori
Ombra di turquoise, Ombra di oldlace, Ombra di cornflowerblue, Tonalità di whitesmoke, Tonalità di slateblue, Tonalità di lightcoral, Ombra di Nero
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Serverless UI Interaction Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #5eead4 | #5eead4 | RGB(94, 234, 212) | Function Aqua | — |
| #fef6e3 | #fef6e3 | RGB(254, 246, 227) | Event Sand | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Trigger Blue | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Log Fog | — |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Gateway Indigo | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Invoke Coral | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Scale Graphite | — |
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 |
#5eead4 | #fef6e3 | 1.37 |
#5eead4 | #60a5fa | 1.71 |
#5eead4 | #f3f4f6 | 1.34 |
#5eead4 | #fb7185 | 1.81 |
#fef6e3 | #f3f4f6 | 1.02 |
#60a5fa | #fb7185 | 1.05 |
Tavolozza immagini Serverless UI Interaction Kit png
Esporta tavolozza
Scarica la "Serverless UI Interaction Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: