Creato a 05/30/2025 09:20
Sprite Collider
- Primary Pixel Green#a0ff96
- Secondary Sky HUD Blue#84d1ff
- Accent Score Amber#ffd86e
- Background Overlay Dark#121212
- Surface Border Black#242424
- Text UI Light#ffffff
La tavolozza è composta da Leggero, Buio colori. Colori accentati Secondary Sky HUD Blue #84d1ff e Accent Score Amber #ffd86e. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #121212 (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #121212, #242424, #84D1FF, #A0FF96, #FFD86E, #FFFFFF
La tavolozza Sprite Collider ha una combinazione di colori dei codici 6:
ESADECIMALE: #a0ff96, RGB: (160, 255, 150); ESADECIMALE: #84d1ff, RGB: (132, 209, 255); ESADECIMALE: #ffd86e, RGB: (255, 216, 110)
ESADECIMALE: #121212, RGB: (18, 18, 18); ESADECIMALE: #242424, RGB: (36, 36, 36); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Ombra di palegreen, Ombra di lightskyblue, Ombra di gold, Ombra di Nero, Ombra di Nero, Bianco
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Sprite Collider codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #a0ff96 | #a0ff96 | RGB(160, 255, 150) | Primary Pixel Green | — |
| #84d1ff | #84d1ff | RGB(132, 209, 255) | Secondary Sky HUD Blue | — |
| #ffd86e | #ffd86e | RGB(255, 216, 110) | Accent Score Amber | — |
| #121212 | #121212 | RGB(18, 18, 18) | Background Overlay Dark | Dark Tone Ink |
| #242424 | #242424 | RGB(36, 36, 36) | Surface Border Black | Gray14 |
| #ffffff | #ffffff | RGB(255, 255, 255) | Text UI Light | White |
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 |
#a0ff96 | #84d1ff | 1.37 |
#a0ff96 | #ffd86e | 1.12 |
#a0ff96 | #ffffff | 1.21 |
#84d1ff | #ffd86e | 1.21 |
#84d1ff | #ffffff | 1.67 |
#ffd86e | #ffffff | 1.37 |
Tavolozza immagini Sprite Collider png
Esporta tavolozza
Scarica la "Sprite Collider" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: