Creato a 06/20/2025 16:54
Dark Mode Accessibility Grid
- Pure Black#0f0f0f
- Text White#f5f5f5
- Highlight Yellow#ffe347
- Action Teal#0bc9cd
- UI Purple#9d4edd
- Element Gray#2f2f2f
La tavolozza è composta da Buio, Leggero colori. Colori accentati Highlight Yellow #ffe347 e Action Teal #0bc9cd. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #0F0F0F (più scuro) a #F5F5F5 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #0BC9CD, #0F0F0F, #2F2F2F, #9D4EDD, #F5F5F5, #FFE347
La tavolozza Dark Mode Accessibility Grid ha una combinazione di colori dei codici 6:
ESADECIMALE: #0f0f0f, RGB: (15, 15, 15); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245); ESADECIMALE: #ffe347, RGB: (255, 227, 71)
ESADECIMALE: #0bc9cd, RGB: (11, 201, 205); ESADECIMALE: #9d4edd, RGB: (157, 78, 221); ESADECIMALE: #2f2f2f, RGB: (47, 47, 47)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Ombra di gold, Tonalità di darkturquoise, Ombra di darkorchid, Ombra di Nero
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Dark Mode Accessibility Grid codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Pure Black | Chaos Black |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Text White | White Smoke |
| #ffe347 | #ffe347 | RGB(255, 227, 71) | Highlight Yellow | — |
| #0bc9cd | #0bc9cd | RGB(11, 201, 205) | Action Teal | — |
| #9d4edd | #9d4edd | RGB(157, 78, 221) | UI Purple | — |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Element Gray | — |
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 |
#0f0f0f | #2f2f2f | 1.43 |
#f5f5f5 | #ffe347 | 1.17 |
#f5f5f5 | #0bc9cd | 1.87 |
#ffe347 | #0bc9cd | 1.59 |
Tavolozza immagini Dark Mode Accessibility Grid png
Esporta tavolozza
Scarica la "Dark Mode Accessibility Grid" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: