Creato a 07/08/2025 19:49
Frontend Neural Design Mode
- Prototype Sky#90e0ef
- CSS Rose#fdc5f5
- Dataset Steel#6c757d
- Input Cream#fff8e7
- Framework Indigo#4c5b61
- Output Black#101010
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Prototype Sky #90e0ef e Input Cream #fff8e7. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #101010 (più scuro) a #FFF8E7 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #101010, #4C5B61, #6C757D, #90E0EF, #FDC5F5, #FFF8E7
La tavolozza Frontend Neural Design Mode ha una combinazione di colori dei codici 6:
ESADECIMALE: #90e0ef, RGB: (144, 224, 239); ESADECIMALE: #fdc5f5, RGB: (253, 197, 245); ESADECIMALE: #6c757d, RGB: (108, 117, 125)
ESADECIMALE: #fff8e7, RGB: (255, 248, 231); ESADECIMALE: #4c5b61, RGB: (76, 91, 97); ESADECIMALE: #101010, RGB: (16, 16, 16)
Versione semplificata della tavolozza dei colori
Tonalità di powderblue, Ombra di thistle, Tonalità di slategrey, Ombra di oldlace, Tonalità di dimgrey, Ombra di Nero
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Frontend Neural Design Mode codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #90e0ef | #90e0ef | RGB(144, 224, 239) | Prototype Sky | — |
| #fdc5f5 | #fdc5f5 | RGB(253, 197, 245) | CSS Rose | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Dataset Steel | Pompeii Ash |
| #fff8e7 | #fff8e7 | RGB(255, 248, 231) | Input Cream | Cosmic Latte |
| #4c5b61 | #4c5b61 | RGB(76, 91, 97) | Framework Indigo | — |
| #101010 | #101010 | RGB(16, 16, 16) | Output Black | — |
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 |
#90e0ef | #fdc5f5 | 1.02 |
#90e0ef | #fff8e7 | 1.4 |
#fdc5f5 | #fff8e7 | 1.36 |
#6c757d | #4c5b61 | 1.5 |
Tavolozza immagini Frontend Neural Design Mode png
Esporta tavolozza
Scarica la "Frontend Neural Design Mode" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: