Creato a 06/13/2025 11:42
Dark Mode UI System Tokens
Shadow Base
#0d0d0d
Accent Cyan
#00ffff
Text Soft White
#f2f2f2
Panel Violet
#7f5af0
Border Grey
#2b2b2b
Interactive Lime
#a3f7bf
La tavolozza è composta da Buio, Leggero colori. Colori accentati Accent Cyan #00ffff e Text Soft White #f2f2f2. La tavolozza ha la temperatura del colore Neutro, Freddo.
La tavolozza Dark Mode UI System Tokens ha una combinazione di colori dei codici 6:
ESADECIMALE: #0d0d0d, RGB: (13, 13, 13); ESADECIMALE: #00ffff, RGB: (0, 255, 255); ESADECIMALE: #f2f2f2, RGB: (242, 242, 242)
ESADECIMALE: #7f5af0, RGB: (127, 90, 240); ESADECIMALE: #2b2b2b, RGB: (43, 43, 43); ESADECIMALE: #a3f7bf, RGB: (163, 247, 191)
Versione semplificata della tavolozza dei colori
Ombra di Nero, cyan, Tonalità di whitesmoke, Tonalità di mediumslateblue, Ombra di Nero, Ombra di aquamarine
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Dark Mode UI System Tokens codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #0d0d0d | #0d0d0d | RGB(13, 13, 13) | Shadow Base | Gray5 |
| #00ffff | #00ffff | RGB(0, 255, 255) | Accent Cyan | Aqua |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | Text Soft White | Gray95 |
| #7f5af0 | #7f5af0 | RGB(127, 90, 240) | Panel Violet | — |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Border Grey | Shoe Wax |
| #a3f7bf | #a3f7bf | RGB(163, 247, 191) | Interactive Lime | — |
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 |
#0d0d0d | #2b2b2b | 1.37 |
#00ffff | #f2f2f2 | 1.12 |
#00ffff | #a3f7bf | 1 |
#f2f2f2 | #a3f7bf | 1.12 |
