Creato a 05/25/2025 22:34
Next-Gen Product Design System
- Indigo Byte#5c6ac4
- Apricot Highlight#ffd6a5
- Light Teal Stream#b8fff9
- UI Gray#6b7280
- UX White#fdfdfd
La tavolozza è composta da Leggero colori. Colori accentati Apricot Highlight #ffd6a5 e Light Teal Stream #b8fff9. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #6B7280 (più scuro) a #FDFDFD (più chiaro). L’intervallo di luminosità è moderato.
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): #5C6AC4, #6B7280, #B8FFF9, #FDFDFD, #FFD6A5
La tavolozza Next-Gen Product Design System ha una combinazione di colori dei codici 5:
ESADECIMALE: #5c6ac4, RGB: (92, 106, 196); ESADECIMALE: #ffd6a5, RGB: (255, 214, 165); ESADECIMALE: #b8fff9, RGB: (184, 255, 249)
ESADECIMALE: #6b7280, RGB: (107, 114, 128); ESADECIMALE: #fdfdfd, RGB: (253, 253, 253)
Versione semplificata della tavolozza dei colori
Ombra di royalblue, Tonalità di navajowhite, Ombra di paleturquoise, Tonalità di slategrey, Tonalità di Bianco
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Next-Gen Product Design System codici colore HEX, informazioni RGB in tabella
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 |
#5c6ac4 | #6b7280 | 1 |
#ffd6a5 | #b8fff9 | 1.21 |
#ffd6a5 | #fdfdfd | 1.33 |
#b8fff9 | #fdfdfd | 1.1 |
Tavolozza immagini Next-Gen Product Design System png
Esporta tavolozza
Scarica la "Next-Gen Product Design System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: