Criado em 06/19/2025 20:30
Motion UI Framework Kit
- Animate Lilac#bfa2db
- Transition Carbon#30343f
- Ease Apricot#f7c59f
- State Cream#fff9f0
- Loop Cyan#7fdbff
- Frame Pink#f8bbd0
A paleta consiste em cores Luz. Cores de destaque State Cream #fff9f0 e Loop Cyan #7fdbff. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #30343F (mais escuro) a #FFF9F0 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #30343F, #7FDBFF, #BFA2DB, #F7C59F, #F8BBD0, #FFF9F0
A paleta Motion UI Framework Kit tem uma combinação de cores de códigos de 6:
HEX: #bfa2db, RGB: (191, 162, 219); HEX: #30343f, RGB: (48, 52, 63); HEX: #f7c59f, RGB: (247, 197, 159)
HEX: #fff9f0, RGB: (255, 249, 240); HEX: #7fdbff, RGB: (127, 219, 255); HEX: #f8bbd0, RGB: (248, 187, 208)
Versão simplificada das cores da paleta
Matiz de plum, Sombra de Preto, Matiz de peachpuff, Matiz de floralwhite, Sombra de skyblue, Matiz de Rosa
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Motion UI Framework Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #bfa2db | #bfa2db | RGB(191, 162, 219) | Animate Lilac | — |
| #30343f | #30343f | RGB(48, 52, 63) | Transition Carbon | — |
| #f7c59f | #f7c59f | RGB(247, 197, 159) | Ease Apricot | — |
| #fff9f0 | #fff9f0 | RGB(255, 249, 240) | State Cream | — |
| #7fdbff | #7fdbff | RGB(127, 219, 255) | Loop Cyan | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | Frame Pink | — |
Contraste da Paleta de Cores
9 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 |
#bfa2db | #f7c59f | 1.42 |
#bfa2db | #7fdbff | 1.43 |
#bfa2db | #f8bbd0 | 1.38 |
#f7c59f | #fff9f0 | 1.49 |
#f7c59f | #7fdbff | 1 |
#f7c59f | #f8bbd0 | 1.03 |
Paleta de imagens Motion UI Framework Kit png
Exportar paleta
Baixe a "Motion UI Framework Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: