Creato a 06/30/2025 17:47
Frontend Dev Neon Toolkit
- Build Magenta#ff1e9f
- Script Cyan#00ffe7
- Terminal Shadow#0c0c0c
- Popup Chartreuse#dfff00
- Border Silver#ececec
- Deploy Flame#ff5722
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Script Cyan #00ffe7 e Popup Chartreuse #dfff00. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #0C0C0C (più scuro) a #ECECEC (più chiaro). L’intervallo di luminosità è ampio.
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 caldo.
Codici HEX (ordinati): #00FFE7, #0C0C0C, #DFFF00, #ECECEC, #FF1E9F, #FF5722
La tavolozza Frontend Dev Neon Toolkit ha una combinazione di colori dei codici 6:
ESADECIMALE: #ff1e9f, RGB: (255, 30, 159); ESADECIMALE: #00ffe7, RGB: (0, 255, 231); ESADECIMALE: #0c0c0c, RGB: (12, 12, 12)
ESADECIMALE: #dfff00, RGB: (223, 255, 0); ESADECIMALE: #ececec, RGB: (236, 236, 236); ESADECIMALE: #ff5722, RGB: (255, 87, 34)
Versione semplificata della tavolozza dei colori
Ombra di deeppink, Ombra di turquoise, Ombra di Nero, Tonalità di Giallo, Tonalità di whitesmoke, Ombra di orangered
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Frontend Dev Neon Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #ff1e9f | #ff1e9f | RGB(255, 30, 159) | Build Magenta | — |
| #00ffe7 | #00ffe7 | RGB(0, 255, 231) | Script Cyan | — |
| #0c0c0c | #0c0c0c | RGB(12, 12, 12) | Terminal Shadow | Black Wash |
| #dfff00 | #dfff00 | RGB(223, 255, 0) | Popup Chartreuse | Dancing-Lady Orchid |
| #ececec | #ececec | RGB(236, 236, 236) | Border Silver | — |
| #ff5722 | #ff5722 | RGB(255, 87, 34) | Deploy Flame | — |
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 |
|---|---|---|
#ff1e9f | #ff5722 | 1.11 |
#00ffe7 | #dfff00 | 1.12 |
#00ffe7 | #ececec | 1.08 |
#dfff00 | #ececec | 1.03 |
Tavolozza immagini Frontend Dev Neon Toolkit png
Esporta tavolozza
Scarica la "Frontend Dev Neon Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: