Creato a 06/22/2025 07:14
Code Sandbox Dark Suite
- Console Gray#1f1f1f
- Highlight Magenta#ff61a6
- Variable Blue#1e88e5
- Output White#f3f3f3
- Lint Lime#c4df9b
- Compile Shadow#2a2a2a
La tavolozza è composta da Buio, Leggero colori. Colori accentati Highlight Magenta #ff61a6 e Variable Blue #1e88e5. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #1F1F1F (più scuro) a #F3F3F3 (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 caldo.
Codici HEX (ordinati): #1E88E5, #1F1F1F, #2A2A2A, #C4DF9B, #F3F3F3, #FF61A6
La tavolozza Code Sandbox Dark Suite ha una combinazione di colori dei codici 6:
ESADECIMALE: #1f1f1f, RGB: (31, 31, 31); ESADECIMALE: #ff61a6, RGB: (255, 97, 166); ESADECIMALE: #1e88e5, RGB: (30, 136, 229)
ESADECIMALE: #f3f3f3, RGB: (243, 243, 243); ESADECIMALE: #c4df9b, RGB: (196, 223, 155); ESADECIMALE: #2a2a2a, RGB: (42, 42, 42)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Tonalità di hotpink, Tonalità di dodgerblue, Tonalità di whitesmoke, Tonalità di palegoldenrod, Ombra di Nero
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Code Sandbox Dark Suite codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Console Gray | Gray12 |
| #ff61a6 | #ff61a6 | RGB(255, 97, 166) | Highlight Magenta | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Variable Blue | — |
| #f3f3f3 | #f3f3f3 | RGB(243, 243, 243) | Output White | — |
| #c4df9b | #c4df9b | RGB(196, 223, 155) | Lint Lime | — |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | Compile Shadow | The End |
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 |
#1f1f1f | #2a2a2a | 1.14 |
#ff61a6 | #1e88e5 | 1.31 |
#ff61a6 | #c4df9b | 1.91 |
#f3f3f3 | #c4df9b | 1.31 |
Tavolozza immagini Code Sandbox Dark Suite png
Esporta tavolozza
Scarica la "Code Sandbox Dark Suite" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: