Criado em 05/03/2022 06:10
Adobe xd uidesign ui kits colors palette
- Cerulean Blue#3c54c4
- Blanched Almond#fbf0c9
- Coyote Brown#8c6c38
- Beaver#9f8f6e
- #d0c3a2
- Olive Drab Camouflage#5c4d35
A paleta consiste em cores Semi escuro, Luz. Cores de destaque Cerulean Blue #3c54c4 e Blanched Almond #fbf0c9. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #5C4D35 (mais escuro) a #FBF0C9 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
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 quente.
Códigos HEX (ordenados): #3C54C4, #5C4D35, #8C6C38, #9F8F6E, #D0C3A2, #FBF0C9
A paleta Adobe xd uidesign ui kits colors palette tem uma combinação de cores de códigos de 6:
HEX: #3c54c4, RGB: (60, 84, 196); HEX: #fbf0c9, RGB: (251, 240, 201); HEX: #8c6c38, RGB: (140, 108, 56)
HEX: #9f8f6e, RGB: (159, 143, 110); HEX: #d0c3a2, RGB: (208, 195, 162); HEX: #5c4d35, RGB: (92, 77, 53)
Versão simplificada das cores da paleta
Matiz de slateblue, Matiz de lemonchiffon, Matiz de darkgoldenrod, Matiz de tan, Sombra de tan, Matiz de dimgrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Adobe xd uidesign ui kits colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3c54c4 | #3c54c4 | RGB(60, 84, 196) | Cerulean Blue | — |
| #fbf0c9 | #fbf0c9 | RGB(251, 240, 201) | Blanched Almond | — |
| #8c6c38 | #8c6c38 | RGB(140, 108, 56) | Coyote Brown | — |
| #9f8f6e | #9f8f6e | RGB(159, 143, 110) | Beaver | — |
| #d0c3a2 | #d0c3a2 | RGB(208, 195, 162) | — | — |
| #5c4d35 | #5c4d35 | RGB(92, 77, 53) | Olive Drab Camouflage | — |
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 |
#3c54c4 | #8c6c38 | 1.32 |
#3c54c4 | #5c4d35 | 1.26 |
#fbf0c9 | #d0c3a2 | 1.53 |
#8c6c38 | #9f8f6e | 1.53 |
#8c6c38 | #5c4d35 | 1.68 |
#9f8f6e | #d0c3a2 | 1.81 |
Paleta de imagens Adobe xd uidesign ui kits colors palette png
Exportar paleta
Baixe a "Adobe xd uidesign ui kits colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: