Creato a 06/22/2025 07:08
Web Animation Framework Palette
- Tween Plum#9d75cb
- Frame Lemon#ffe066
- Ease Aqua#b8f2e6
- Loop Gray#dee2e6
- Motion Pink#ff9aa2
- Anchor Black#1f1f1f
La tavolozza è composta da Leggero, Buio colori. Colori accentati Tween Plum #9d75cb e Frame Lemon #ffe066. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #1F1F1F (più scuro) a #DEE2E6 (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #1F1F1F, #9D75CB, #B8F2E6, #DEE2E6, #FF9AA2, #FFE066
La tavolozza Web Animation Framework Palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #9d75cb, RGB: (157, 117, 203); ESADECIMALE: #ffe066, RGB: (255, 224, 102); ESADECIMALE: #b8f2e6, RGB: (184, 242, 230)
ESADECIMALE: #dee2e6, RGB: (222, 226, 230); ESADECIMALE: #ff9aa2, RGB: (255, 154, 162); ESADECIMALE: #1f1f1f, RGB: (31, 31, 31)
Versione semplificata della tavolozza dei colori
Ombra di mediumpurple, Ombra di gold, Ombra di paleturquoise, Ombra di gainsboro, Tonalità di lightpink, Ombra di Nero
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Web Animation Framework Palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #9d75cb | #9d75cb | RGB(157, 117, 203) | Tween Plum | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Frame Lemon | — |
| #b8f2e6 | #b8f2e6 | RGB(184, 242, 230) | Ease Aqua | — |
| #dee2e6 | #dee2e6 | RGB(222, 226, 230) | Loop Gray | — |
| #ff9aa2 | #ff9aa2 | RGB(255, 154, 162) | Motion Pink | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Anchor Black | Gray12 |
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 |
#9d75cb | #ff9aa2 | 1.77 |
#ffe066 | #b8f2e6 | 1.04 |
#ffe066 | #dee2e6 | 1 |
#ffe066 | #ff9aa2 | 1.54 |
#b8f2e6 | #dee2e6 | 1.04 |
#b8f2e6 | #ff9aa2 | 1.62 |
Tavolozza immagini Web Animation Framework Palette png
Esporta tavolozza
Scarica la "Web Animation Framework Palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: