Creato a 06/30/2025 17:27
UI Testing Workflow Palette
- Test Indigo#4f46e5
- Assert Cream#fef6ec
- Failure Coral#f87171
- Pass Mint#22c55e
- Mock Slate#64748b
- Run Fog#f3f4f6
- Coverage Jet#111827
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Failure Coral #f87171 e Pass Mint #22c55e. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #111827 (più scuro) a #FEF6EC (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): #111827, #22C55E, #4F46E5, #64748B, #F3F4F6, #F87171, #FEF6EC
La tavolozza UI Testing Workflow Palette ha una combinazione di colori dei codici 7:
ESADECIMALE: #4f46e5, RGB: (79, 70, 229); ESADECIMALE: #fef6ec, RGB: (254, 246, 236); ESADECIMALE: #f87171, RGB: (248, 113, 113)
ESADECIMALE: #22c55e, RGB: (34, 197, 94); ESADECIMALE: #64748b, RGB: (100, 116, 139); ESADECIMALE: #f3f4f6, RGB: (243, 244, 246)
ESADECIMALE: #111827, RGB: (17, 24, 39)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Tonalità di floralwhite, Tonalità di lightcoral, Tonalità di limegreen, Tonalità di slategrey, Tonalità di whitesmoke, Ombra di Nero
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
UI Testing Workflow Palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Test Indigo | — |
| #fef6ec | #fef6ec | RGB(254, 246, 236) | Assert Cream | — |
| #f87171 | #f87171 | RGB(248, 113, 113) | Failure Coral | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Pass Mint | — |
| #64748b | #64748b | RGB(100, 116, 139) | Mock Slate | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Run Fog | — |
| #111827 | #111827 | RGB(17, 24, 39) | Coverage Jet | — |
Contrasto della palette di colori
4 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 |
#4f46e5 | #64748b | 1.32 |
#fef6ec | #f3f4f6 | 1.02 |
#f87171 | #22c55e | 1.21 |
#f87171 | #64748b | 1.72 |
Tavolozza immagini UI Testing Workflow Palette png
Esporta tavolozza
Scarica la "UI Testing Workflow Palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: