Creato a 06/10/2025 09:45
Stylized 2D Fighter Interface
- Health Bar Red#ef4444
- Combo Sparks Yellow#ffe176
- Special Move Cyan#22d3ee
- Character Border Pink#f472b6
- Battle BG Gray#9ca3af
- Round Timer Black#0f172a
La tavolozza è composta da Leggero, Buio colori. Colori accentati Combo Sparks Yellow #ffe176 e Special Move Cyan #22d3ee. La tavolozza ha la temperatura del colore Caldo, Freddo.
Per luminosità, la tavolozza va da #0F172A (più scuro) a #FFE176 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 67% dei colori è vivido.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Note calde e fredde sono abbastanza bilanciate (3 calde, 3 fredde).
Codici HEX (ordinati): #0F172A, #22D3EE, #9CA3AF, #EF4444, #F472B6, #FFE176
La tavolozza Stylized 2D Fighter Interface ha una combinazione di colori dei codici 6:
ESADECIMALE: #ef4444, RGB: (239, 68, 68); ESADECIMALE: #ffe176, RGB: (255, 225, 118); ESADECIMALE: #22d3ee, RGB: (34, 211, 238)
ESADECIMALE: #f472b6, RGB: (244, 114, 182); ESADECIMALE: #9ca3af, RGB: (156, 163, 175); ESADECIMALE: #0f172a, RGB: (15, 23, 42)
Versione semplificata della tavolozza dei colori
Tonalità di indianred, Tonalità di Cachi, Ombra di darkturquoise, Ombra di hotpink, Tonalità di darkgrey, Ombra di Nero
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Stylized 2D Fighter Interface codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Health Bar Red | — |
| #ffe176 | #ffe176 | RGB(255, 225, 118) | Combo Sparks Yellow | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Special Move Cyan | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Character Border Pink | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Battle BG Gray | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Round Timer Black | — |
Contrasto della palette di colori
7 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 |
|---|---|---|
#ef4444 | #f472b6 | 1.42 |
#ef4444 | #9ca3af | 1.48 |
#ffe176 | #22d3ee | 1.4 |
#ffe176 | #9ca3af | 1.96 |
#22d3ee | #f472b6 | 1.46 |
#22d3ee | #9ca3af | 1.4 |
Tavolozza immagini Stylized 2D Fighter Interface png
Esporta tavolozza
Scarica la "Stylized 2D Fighter Interface" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: