Ui kit interaction design animation colors palette
- Saffron#edcb2b
- Laser Lemon#fbf86c
- Golden Brown#84641c
- Crystal Blue#659ba9
- Wild Blue Yonder#9dadcd
- Dark Slate Gray#2c4c4c
Criado em 03/01/2023 10:57
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Laser Lemon #fbf86c e Wild Blue Yonder #9dadcd. A paleta tem Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #2C4C4C (mais escuro) a #FBF86C (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 1 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (3 quentes, 3 frias).
Códigos HEX (ordenados): #2C4C4C, #659BA9, #84641C, #9DADCD, #EDCB2B, #FBF86C
A paleta Ui kit interaction design animation colors palette combina 6 códigos de cor:
HEX: #edcb2b, RGB: (237, 203, 43); HEX: #fbf86c, RGB: (251, 248, 108); HEX: #84641c, RGB: (132, 100, 28)
HEX: #659ba9, RGB: (101, 155, 169); HEX: #9dadcd, RGB: (157, 173, 205); HEX: #2c4c4c, RGB: (44, 76, 76)
Versão simplificada das cores da paleta
Tom escuro de Dourado, Tom claro de Amarelo, Tom escuro de Oliva, Tom claro de Azul-cadete, Tom escuro de Azul-aço-claro, Tom escuro de Cinza-ardósia-escuro
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Ui kit interaction design animation colors palette códigos de cores HEX, informações RGB na tabela
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 | Razão de contraste |
|---|---|---|
#edcb2b | #fbf86c | 1.42 |
#edcb2b | #659ba9 | 1.93 |
#edcb2b | #9dadcd | 1.41 |
#84641c | #659ba9 | 1.78 |
#84641c | #2c4c4c | 1.7 |
#659ba9 | #9dadcd | 1.36 |
Paleta de imagens Ui kit interaction design animation colors palette png
Exportar paleta
Baixe a "Ui kit interaction design animation colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: