Creato a 06/14/2025 19:36
Web Animation Performance Kit
- FPS Lime#c6f91f
- Transform Aqua#00f0ff
- Ease White#fafafa
- Loop Violet#b497f4
- Trigger Graphite#2b2b2b
- Motion Peach#ffd6a5
La tavolozza è composta da Leggero, Buio colori. Colori accentati Transform Aqua #00f0ff e Motion Peach #ffd6a5. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #2B2B2B (più scuro) a #FAFAFA (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): #00F0FF, #2B2B2B, #B497F4, #C6F91F, #FAFAFA, #FFD6A5
La tavolozza Web Animation Performance Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #c6f91f, RGB: (198, 249, 31); ESADECIMALE: #00f0ff, RGB: (0, 240, 255); ESADECIMALE: #fafafa, RGB: (250, 250, 250)
ESADECIMALE: #b497f4, RGB: (180, 151, 244); ESADECIMALE: #2b2b2b, RGB: (43, 43, 43); ESADECIMALE: #ffd6a5, RGB: (255, 214, 165)
Versione semplificata della tavolozza dei colori
Ombra di greenyellow, Tonalità di cyan, Ombra di whitesmoke, Ombra di mediumpurple, Ombra di Nero, Tonalità di navajowhite
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Web Animation Performance Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #c6f91f | #c6f91f | RGB(198, 249, 31) | FPS Lime | — |
| #00f0ff | #00f0ff | RGB(0, 240, 255) | Transform Aqua | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Ease White | Dr. White |
| #b497f4 | #b497f4 | RGB(180, 151, 244) | Loop Violet | — |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Trigger Graphite | Shoe Wax |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Motion Peach | — |
Contrasto della palette di colori
9 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 |
#c6f91f | #00f0ff | 1.13 |
#c6f91f | #fafafa | 1.18 |
#c6f91f | #b497f4 | 1.95 |
#c6f91f | #ffd6a5 | 1.1 |
#00f0ff | #fafafa | 1.34 |
#00f0ff | #b497f4 | 1.71 |
Tavolozza immagini Web Animation Performance Kit png
Esporta tavolozza
Scarica la "Web Animation Performance Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: