Creato a 07/08/2025 08:05
Retro Frontend Interaction Lab
- Hotkey Blue#2d6cdf
- Debugger Yellow#f8e16c
- HTML Coral#ff6f5e
- Console Smoke#e0e0e0
- Visual RAM Green#b5e48c
- Markup Tan#ffeedb
La tavolozza è composta da Leggero colori. Colori accentati Hotkey Blue #2d6cdf e Markup Tan #ffeedb. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #2D6CDF (più scuro) a #FFEEDB (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 caldo.
Codici HEX (ordinati): #2D6CDF, #B5E48C, #E0E0E0, #F8E16C, #FF6F5E, #FFEEDB
La tavolozza Retro Frontend Interaction Lab ha una combinazione di colori dei codici 6:
ESADECIMALE: #2d6cdf, RGB: (45, 108, 223); ESADECIMALE: #f8e16c, RGB: (248, 225, 108); ESADECIMALE: #ff6f5e, RGB: (255, 111, 94)
ESADECIMALE: #e0e0e0, RGB: (224, 224, 224); ESADECIMALE: #b5e48c, RGB: (181, 228, 140); ESADECIMALE: #ffeedb, RGB: (255, 238, 219)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di Cachi, Tonalità di salmon, Ombra di gainsboro, Ombra di lightgreen, Ombra di antiquewhite
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Retro Frontend Interaction Lab codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2d6cdf | #2d6cdf | RGB(45, 108, 223) | Hotkey Blue | — |
| #f8e16c | #f8e16c | RGB(248, 225, 108) | Debugger Yellow | — |
| #ff6f5e | #ff6f5e | RGB(255, 111, 94) | HTML Coral | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Console Smoke | Gray88 |
| #b5e48c | #b5e48c | RGB(181, 228, 140) | Visual RAM Green | — |
| #ffeedb | #ffeedb | RGB(255, 238, 219) | Markup Tan | — |
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 |
#2d6cdf | #ff6f5e | 1.77 |
#f8e16c | #e0e0e0 | 1 |
#f8e16c | #b5e48c | 1.1 |
#f8e16c | #ffeedb | 1.15 |
#ff6f5e | #b5e48c | 1.87 |
#e0e0e0 | #b5e48c | 1.1 |
Tavolozza immagini Retro Frontend Interaction Lab png
Esporta tavolozza
Scarica la "Retro Frontend Interaction Lab" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: