Criado em 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
A paleta consiste em cores Luz, Escuro. Cores de destaque Animation Pink #ff7eb9 e Transition Cyan #76e5fc. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #283149 (mais escuro) a #FAFAFA (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Os matizes espalham-se amplamente na roda — paleta variada (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #283149, #6441A5, #76E5FC, #D6D6D6, #FAFAFA, #FF7EB9
A paleta Creative Frontend Motion Kit tem uma combinação de cores de códigos de 6:
HEX: #ff7eb9, RGB: (255, 126, 185); HEX: #76e5fc, RGB: (118, 229, 252); HEX: #6441a5, RGB: (100, 65, 165)
HEX: #d6d6d6, RGB: (214, 214, 214); HEX: #283149, RGB: (40, 49, 73); HEX: #fafafa, RGB: (250, 250, 250)
Versão simplificada das cores da paleta
Sombra de hotpink, Sombra de skyblue, Sombra de darkslateblue, Sombra de lightgrey, Sombra de midnightblue, Sombra de whitesmoke
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Creative Frontend Motion Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | 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 |
Contraste da Paleta de Cores
6 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#ff7eb9 | #76e5fc | 1.6 |
#ff7eb9 | #d6d6d6 | 1.61 |
#76e5fc | #d6d6d6 | 1 |
#76e5fc | #fafafa | 1.39 |
#6441a5 | #283149 | 1.74 |
#d6d6d6 | #fafafa | 1.39 |
Paleta de imagens Creative Frontend Motion Kit png
Exportar paleta
Baixe a "Creative Frontend Motion Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: