Creato a 07/22/2025 16:54
Creative Frontend Motion Kit
- Animation Pink#ff7eb9
- Transition Cyan#76e5fc
- Parallax Indigo#6441a5
- Timing Curve Gray#d6d6d6
- Scroll Navy#283149
- Bounce White#fafafa
La tavolozza è composta da Leggero, Buio colori. Colori accentati Animation Pink #ff7eb9 e Transition Cyan #76e5fc. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #283149 (più scuro) a #FAFAFA (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #283149, #6441A5, #76E5FC, #D6D6D6, #FAFAFA, #FF7EB9
La tavolozza Creative Frontend Motion Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #ff7eb9, RGB: (255, 126, 185); ESADECIMALE: #76e5fc, RGB: (118, 229, 252); ESADECIMALE: #6441a5, RGB: (100, 65, 165)
ESADECIMALE: #d6d6d6, RGB: (214, 214, 214); ESADECIMALE: #283149, RGB: (40, 49, 73); ESADECIMALE: #fafafa, RGB: (250, 250, 250)
Versione semplificata della tavolozza dei colori
Ombra di hotpink, Ombra di skyblue, Ombra di darkslateblue, Ombra di lightgrey, Ombra di midnightblue, Ombra di whitesmoke
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Creative Frontend Motion Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ff7eb9 | #ff7eb9 | RGB(255, 126, 185) | Animation Pink | — |
| #76e5fc | #76e5fc | RGB(118, 229, 252) | Transition Cyan | — |
| #6441a5 | #6441a5 | RGB(100, 65, 165) | Parallax Indigo | — |
| #d6d6d6 | #d6d6d6 | RGB(214, 214, 214) | Timing Curve Gray | Silver Medal |
| #283149 | #283149 | RGB(40, 49, 73) | Scroll Navy | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Bounce White | Dr. White |
Contrasto della palette di colori
6 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 |
#ff7eb9 | #76e5fc | 1.6 |
#ff7eb9 | #d6d6d6 | 1.61 |
#76e5fc | #d6d6d6 | 1 |
#76e5fc | #fafafa | 1.39 |
#6441a5 | #283149 | 1.74 |
#d6d6d6 | #fafafa | 1.39 |
Tavolozza immagini Creative Frontend Motion Kit png
Esporta tavolozza
Scarica la "Creative Frontend Motion Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: