Creato a 08/13/2025 05:58
Generative WebGL UI Synthwave
- WebGL Cyan#00f5d4
- Synth Magenta#ff006e
- Component Yellow#f9c74f
- Node Black#222222
- Viewbox White#fbfbfb
- Shader Purple#8338ec
- Pixel Coral#f9844a
- Render Grey#b0bec5
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati WebGL Cyan #00f5d4 e Synth Magenta #ff006e. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #222222 (più scuro) a #FBFBFB (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #00F5D4, #222222, #8338EC, #B0BEC5, #F9844A, #F9C74F, #FBFBFB, #FF006E
La tavolozza Generative WebGL UI Synthwave ha una combinazione di colori dei codici 8:
ESADECIMALE: #00f5d4, RGB: (0, 245, 212); ESADECIMALE: #ff006e, RGB: (255, 0, 110); ESADECIMALE: #f9c74f, RGB: (249, 199, 79)
ESADECIMALE: #222222, RGB: (34, 34, 34); ESADECIMALE: #fbfbfb, RGB: (251, 251, 251); ESADECIMALE: #8338ec, RGB: (131, 56, 236)
ESADECIMALE: #f9844a, RGB: (249, 132, 74); ESADECIMALE: #b0bec5, RGB: (176, 190, 197)
Versione semplificata della tavolozza dei colori
Tonalità di aquamarine, Tonalità di deeppink, Tonalità di gold, Ombra di Nero, Tonalità di Bianco, Ombra di blueviolet, Ombra di coral, Tonalità di Argento
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Generative WebGL UI Synthwave codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #00f5d4 | #00f5d4 | RGB(0, 245, 212) | WebGL Cyan | — |
| #ff006e | #ff006e | RGB(255, 0, 110) | Synth Magenta | — |
| #f9c74f | #f9c74f | RGB(249, 199, 79) | Component Yellow | — |
| #222222 | #222222 | RGB(34, 34, 34) | Node Black | Black Out |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Viewbox White | Whiteout |
| #8338ec | #8338ec | RGB(131, 56, 236) | Shader Purple | — |
| #f9844a | #f9844a | RGB(249, 132, 74) | Pixel Coral | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Render Grey | Ocean Drive |
Contrasto della palette di colori
11 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 |
#00f5d4 | #f9c74f | 1.12 |
#00f5d4 | #fbfbfb | 1.35 |
#00f5d4 | #f9844a | 1.78 |
#00f5d4 | #b0bec5 | 1.36 |
#ff006e | #8338ec | 1.46 |
#ff006e | #f9844a | 1.53 |
Tavolozza immagini Generative WebGL UI Synthwave png
Esporta tavolozza
Scarica la "Generative WebGL UI Synthwave" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: