Creato a 06/09/2025 09:54
Dark Theme Developer Tools UI
- Terminal Jet#0b0c10
- Highlight Cyan#66fcf1
- Breakpoint Blue#1f2833
- Hover Grape#9a7aa0
- Panel Graphite#2c2c2c
- Contrast White#f8f8f8
La tavolozza è composta da Buio, Leggero colori. Colori accentati Highlight Cyan #66fcf1 e Contrast White #f8f8f8. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #0B0C10 (più scuro) a #F8F8F8 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta per lo più smorzata (croma basso).
Le tonalità stanno in una fascia adiacente sulla ruota dei colori (euristica).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #0B0C10, #1F2833, #2C2C2C, #66FCF1, #9A7AA0, #F8F8F8
La tavolozza Dark Theme Developer Tools UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #0b0c10, RGB: (11, 12, 16); ESADECIMALE: #66fcf1, RGB: (102, 252, 241); ESADECIMALE: #1f2833, RGB: (31, 40, 51)
ESADECIMALE: #9a7aa0, RGB: (154, 122, 160); ESADECIMALE: #2c2c2c, RGB: (44, 44, 44); ESADECIMALE: #f8f8f8, RGB: (248, 248, 248)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Ombra di cyan, Ombra di Nero, Ombra di mediumpurple, Ombra di Nero, Ombra di whitesmoke
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Dark Theme Developer Tools UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #0b0c10 | #0b0c10 | RGB(11, 12, 16) | Terminal Jet | — |
| #66fcf1 | #66fcf1 | RGB(102, 252, 241) | Highlight Cyan | — |
| #1f2833 | #1f2833 | RGB(31, 40, 51) | Breakpoint Blue | — |
| #9a7aa0 | #9a7aa0 | RGB(154, 122, 160) | Hover Grape | Divine |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Panel Graphite | — |
| #f8f8f8 | #f8f8f8 | RGB(248, 248, 248) | Contrast White | — |
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 |
#0b0c10 | #1f2833 | 1.31 |
#0b0c10 | #2c2c2c | 1.39 |
#66fcf1 | #f8f8f8 | 1.17 |
#1f2833 | #2c2c2c | 1.06 |
Tavolozza immagini Dark Theme Developer Tools UI png
Esporta tavolozza
Scarica la "Dark Theme Developer Tools UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: