Creato a 06/14/2025 19:41
Dev Environment Theme Builder
- Editor Black#1e1e1e
- Syntax Sky#a0e7e5
- Terminal Green#00ff94
- Lint Error Coral#ff6b6b
- Highlight White#f9fafb
- Codebase Steel#7c7f87
La tavolozza è composta da Buio, Leggero colori. Colori accentati Terminal Green #00ff94 e Lint Error Coral #ff6b6b. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #1E1E1E (più scuro) a #F9FAFB (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #00FF94, #1E1E1E, #7C7F87, #A0E7E5, #F9FAFB, #FF6B6B
La tavolozza Dev Environment Theme Builder ha una combinazione di colori dei codici 6:
ESADECIMALE: #1e1e1e, RGB: (30, 30, 30); ESADECIMALE: #a0e7e5, RGB: (160, 231, 229); ESADECIMALE: #00ff94, RGB: (0, 255, 148)
ESADECIMALE: #ff6b6b, RGB: (255, 107, 107); ESADECIMALE: #f9fafb, RGB: (249, 250, 251); ESADECIMALE: #7c7f87, RGB: (124, 127, 135)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Tonalità di paleturquoise, Ombra di mediumspringgreen, Tonalità di salmon, Ombra di whitesmoke, Tonalità di Grigio
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Dev Environment Theme Builder codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Editor Black | — |
| #a0e7e5 | #a0e7e5 | RGB(160, 231, 229) | Syntax Sky | — |
| #00ff94 | #00ff94 | RGB(0, 255, 148) | Terminal Green | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Lint Error Coral | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Highlight White | — |
| #7c7f87 | #7c7f87 | RGB(124, 127, 135) | Codebase Steel | — |
Contrasto della palette di colori
5 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 |
#a0e7e5 | #00ff94 | 1.04 |
#a0e7e5 | #ff6b6b | 1.98 |
#a0e7e5 | #f9fafb | 1.33 |
#00ff94 | #f9fafb | 1.27 |
#ff6b6b | #7c7f87 | 1.44 |
Tavolozza immagini Dev Environment Theme Builder png
Esporta tavolozza
Scarica la "Dev Environment Theme Builder" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: