Creato a 06/09/2025 16:02
TypeScript Project Layout
- Type Blue#3178c6
- Interface Mint#c0fdfb
- Compile Gray#dfe2e5
- Import Orange#ff9f1c
- Debugger Purple#9e6fbd
- Config Sand#f8e8d6
La tavolozza è composta da Leggero colori. Colori accentati Interface Mint #c0fdfb e Import Orange #ff9f1c. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #3178C6 (più scuro) a #F8E8D6 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto).
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): #3178C6, #9E6FBD, #C0FDFB, #DFE2E5, #F8E8D6, #FF9F1C
La tavolozza TypeScript Project Layout ha una combinazione di colori dei codici 6:
ESADECIMALE: #3178c6, RGB: (49, 120, 198); ESADECIMALE: #c0fdfb, RGB: (192, 253, 251); ESADECIMALE: #dfe2e5, RGB: (223, 226, 229)
ESADECIMALE: #ff9f1c, RGB: (255, 159, 28); ESADECIMALE: #9e6fbd, RGB: (158, 111, 189); ESADECIMALE: #f8e8d6, RGB: (248, 232, 214)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Ombra di paleturquoise, Ombra di gainsboro, Tonalità di Arancia, Tonalità di mediumpurple, Tonalità di antiquewhite
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
TypeScript Project Layout codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #3178c6 | #3178c6 | RGB(49, 120, 198) | Type Blue | — |
| #c0fdfb | #c0fdfb | RGB(192, 253, 251) | Interface Mint | — |
| #dfe2e5 | #dfe2e5 | RGB(223, 226, 229) | Compile Gray | January Dawn |
| #ff9f1c | #ff9f1c | RGB(255, 159, 28) | Import Orange | — |
| #9e6fbd | #9e6fbd | RGB(158, 111, 189) | Debugger Purple | — |
| #f8e8d6 | #f8e8d6 | RGB(248, 232, 214) | Config Sand | — |
Contrasto della palette di colori
8 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 |
#3178c6 | #9e6fbd | 1.17 |
#c0fdfb | #dfe2e5 | 1.15 |
#c0fdfb | #ff9f1c | 1.82 |
#c0fdfb | #f8e8d6 | 1.06 |
#dfe2e5 | #ff9f1c | 1.57 |
#dfe2e5 | #f8e8d6 | 1.08 |
Tavolozza immagini TypeScript Project Layout png
Esporta tavolozza
Scarica la "TypeScript Project Layout" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: