Microinteractions ui app web design palette
- Ube#848cc4
- Wild Blue Yonder#a5abd4
- Indigo (Rainbow)#2a3059
- Toolbox#747cbc
- Ceil#989dca
- Black#0c0c0c
Criado em 11/09/2022 13:30
A paleta consiste em cores Claro, Escuro. Cores de destaque Indigo (Rainbow) #2a3059 e Black #0c0c0c. A paleta tem Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #0C0C0C (mais escuro) a #A5ABD4 (mais claro). A faixa de luminosidade é ampla.
A saturação está num intervalo médio, com uma média de 29% na paleta.
Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 2°.
No geral, a temperatura tende para o frio (5 de 6).
Códigos HEX (ordenados): #0C0C0C, #2A3059, #747CBC, #848CC4, #989DCA, #A5ABD4
A paleta Microinteractions ui app web design palette combina 6 códigos de cor:
HEX: #848cc4, RGB: (132, 140, 196); HEX: #a5abd4, RGB: (165, 171, 212); HEX: #2a3059, RGB: (42, 48, 89)
HEX: #747cbc, RGB: (116, 124, 188); HEX: #989dca, RGB: (152, 157, 202); HEX: #0c0c0c, RGB: (12, 12, 12)
Versão simplificada das cores da paleta
Tom escuro de Azul-centáurea, Tom escuro de Azul-aço-claro, Tom claro de Azul-meia-noite, Tom escuro de Roxo-médio, Tom escuro de Azul-aço-claro, Tom claro de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Microinteractions ui app web design palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #848cc4 | #848cc4 | RGB(132, 140, 196) | Ube | — |
| #a5abd4 | #a5abd4 | RGB(165, 171, 212) | Wild Blue Yonder | — |
| #2a3059 | #2a3059 | RGB(42, 48, 89) | Indigo (Rainbow) | — |
| #747cbc | #747cbc | RGB(116, 124, 188) | Toolbox | — |
| #989dca | #989dca | RGB(152, 157, 202) | Ceil | — |
| #0c0c0c | #0c0c0c | RGB(12, 12, 12) | Black | Black Wash |
Contraste da paleta de cores
7 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 |
|---|---|---|
#848cc4 | #a5abd4 | 1.43 |
#848cc4 | #747cbc | 1.22 |
#848cc4 | #989dca | 1.22 |
#a5abd4 | #747cbc | 1.75 |
#a5abd4 | #989dca | 1.17 |
#2a3059 | #0c0c0c | 1.55 |
Paleta de imagens Microinteractions ui app web design palette png
Exportar paleta
Baixe a "Microinteractions ui app web design palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: