Creato a 08/10/2025 21:09
Accessible Dark Mode Design Tokens
Contrast Cyan
#00cfc1
Highlight Honey
#ffd670
Focus Fuchsia
#f15bb5
Panel Plum
#5a189a
Background Black
#0d0d0d
UI Umber
#6c584c
Hover Hazel
#bb9457
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati Contrast Cyan #00cfc1 e Highlight Honey #ffd670. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Accessible Dark Mode Design Tokens ha una combinazione di colori dei codici 7:
ESADECIMALE: #00cfc1, RGB: (0, 207, 193); ESADECIMALE: #ffd670, RGB: (255, 214, 112); ESADECIMALE: #f15bb5, RGB: (241, 91, 181)
ESADECIMALE: #5a189a, RGB: (90, 24, 154); ESADECIMALE: #0d0d0d, RGB: (13, 13, 13); ESADECIMALE: #6c584c, RGB: (108, 88, 76)
ESADECIMALE: #bb9457, RGB: (187, 148, 87)
Versione semplificata della tavolozza dei colori
Tonalità di mediumturquoise, Ombra di gold, Tonalità di hotpink, Ombra di indigo, Ombra di Nero, Tonalità di dimgrey, Ombra di darkgoldenrod
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Accessible Dark Mode Design Tokens codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #00cfc1 | #00cfc1 | RGB(0, 207, 193) | Contrast Cyan | — |
| #ffd670 | #ffd670 | RGB(255, 214, 112) | Highlight Honey | — |
| #f15bb5 | #f15bb5 | RGB(241, 91, 181) | Focus Fuchsia | — |
| #5a189a | #5a189a | RGB(90, 24, 154) | Panel Plum | — |
| #0d0d0d | #0d0d0d | RGB(13, 13, 13) | Background Black | Gray5 |
| #6c584c | #6c584c | RGB(108, 88, 76) | UI Umber | — |
| #bb9457 | #bb9457 | RGB(187, 148, 87) | Hover Hazel | — |
Contrasto della palette di colori
6 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 |
#00cfc1 | #ffd670 | 1.41 |
#00cfc1 | #f15bb5 | 1.54 |
#00cfc1 | #bb9457 | 1.42 |
#f15bb5 | #bb9457 | 1.08 |
#5a189a | #0d0d0d | 1.88 |
#5a189a | #6c584c | 1.54 |
