Criado em 03/25/2023 12:59
Animation ui kit gif interaction design
- Steel Blue#2c84ac
- Costa Rica Blue#7abdde
- MSU Green#13434d
- Moss Green#93a75b
- Wild Blue Yonder#9abcca
- Dark Slate Gray#305a59
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Costa Rica Blue #7abdde e MSU Green #13434d. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #13434D (mais escuro) a #9ABCCA (mais claro). A faixa de luminosidade é moderada.
A saturação está num intervalo médio.
Os matizes espalham-se amplamente na roda — paleta variada (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #13434D, #2C84AC, #305A59, #7ABDDE, #93A75B, #9ABCCA
A paleta Animation ui kit gif interaction design tem uma combinação de cores de códigos de 6:
HEX: #2c84ac, RGB: (44, 132, 172); HEX: #7abdde, RGB: (122, 189, 222); HEX: #13434d, RGB: (19, 67, 77)
HEX: #93a75b, RGB: (147, 167, 91); HEX: #9abcca, RGB: (154, 188, 202); HEX: #305a59, RGB: (48, 90, 89)
Versão simplificada das cores da paleta
Matiz de steelblue, Matiz de skyblue, Matiz de darkslategrey, Matiz de darkkhaki, Matiz de lightblue, Sombra de darkslategrey
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Animation ui kit gif interaction design códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2c84ac | #2c84ac | RGB(44, 132, 172) | Steel Blue | — |
| #7abdde | #7abdde | RGB(122, 189, 222) | Costa Rica Blue | — |
| #13434d | #13434d | RGB(19, 67, 77) | MSU Green | — |
| #93a75b | #93a75b | RGB(147, 167, 91) | Moss Green | — |
| #9abcca | #9abcca | RGB(154, 188, 202) | Wild Blue Yonder | — |
| #305a59 | #305a59 | RGB(48, 90, 89) | Dark Slate Gray | — |
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 |
#2c84ac | #93a75b | 1.58 |
#2c84ac | #305a59 | 1.83 |
#7abdde | #93a75b | 1.28 |
#7abdde | #9abcca | 1.02 |
#13434d | #305a59 | 1.41 |
#93a75b | #9abcca | 1.31 |
Paleta de imagens Animation ui kit gif interaction design png
Exportar paleta
Baixe a "Animation ui kit gif interaction design" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: