Creato a 06/12/2025 08:26
Design System Toolkit Pro
Primary Indigo
#6366f1
Secondary Apricot
#ffd6a5
Neutral Cream
#fff8f0
Error Rose
#ff6b81
Success Mint
#a8ffda
Warning Yellow
#facc15
La tavolozza è composta da Leggero colori. Colori accentati Neutral Cream #fff8f0 e Success Mint #a8ffda. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Design System Toolkit Pro ha una combinazione di colori dei codici 6:
ESADECIMALE: #6366f1, RGB: (99, 102, 241); ESADECIMALE: #ffd6a5, RGB: (255, 214, 165); ESADECIMALE: #fff8f0, RGB: (255, 248, 240)
ESADECIMALE: #ff6b81, RGB: (255, 107, 129); ESADECIMALE: #a8ffda, RGB: (168, 255, 218); ESADECIMALE: #facc15, RGB: (250, 204, 21)
Versione semplificata della tavolozza dei colori
Tonalità di mediumslateblue, Tonalità di navajowhite, Tonalità di floralwhite, Tonalità di lightcoral, Ombra di aquamarine, Tonalità di gold
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Design System Toolkit Pro codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Primary Indigo | — |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Secondary Apricot | — |
| #fff8f0 | #fff8f0 | RGB(255, 248, 240) | Neutral Cream | — |
| #ff6b81 | #ff6b81 | RGB(255, 107, 129) | Error Rose | — |
| #a8ffda | #a8ffda | RGB(168, 255, 218) | Success Mint | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Warning Yellow | — |
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 |
#6366f1 | #ff6b81 | 1.63 |
#ffd6a5 | #fff8f0 | 1.29 |
#ffd6a5 | #a8ffda | 1.16 |
#ffd6a5 | #facc15 | 1.12 |
#fff8f0 | #a8ffda | 1.1 |
#fff8f0 | #facc15 | 1.45 |
