Criado em 02/27/2023 12:03
Action list ui design
- Han Blue#5169ca
- Blue Jeans#63a9e3
- Indigo (Rainbow)#1e2c65
- Dark Chestnut#976b5b
- Dark Vanilla#c9b7a5
- Rifle Green#404440
A paleta consiste em cores Luz, Escuro. Cores de destaque Blue Jeans #63a9e3 e Dark Vanilla #c9b7a5. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1E2C65 (mais escuro) a #C9B7A5 (mais claro). A faixa de luminosidade é moderada.
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 frio.
Códigos HEX (ordenados): #1E2C65, #404440, #5169CA, #63A9E3, #976B5B, #C9B7A5
A paleta Action list ui design tem uma combinação de cores de códigos de 6:
HEX: #5169ca, RGB: (81, 105, 202); HEX: #63a9e3, RGB: (99, 169, 227); HEX: #1e2c65, RGB: (30, 44, 101)
HEX: #976b5b, RGB: (151, 107, 91); HEX: #c9b7a5, RGB: (201, 183, 165); HEX: #404440, RGB: (64, 68, 64)
Versão simplificada das cores da paleta
Sombra de royalblue, Sombra de cornflowerblue, Sombra de midnightblue, Sombra de sienna, Sombra de tan, Matiz de darkslategrey
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Action list ui design códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #5169ca | #5169ca | RGB(81, 105, 202) | Han Blue | — |
| #63a9e3 | #63a9e3 | RGB(99, 169, 227) | Blue Jeans | — |
| #1e2c65 | #1e2c65 | RGB(30, 44, 101) | Indigo (Rainbow) | — |
| #976b5b | #976b5b | RGB(151, 107, 91) | Dark Chestnut | — |
| #c9b7a5 | #c9b7a5 | RGB(201, 183, 165) | Dark Vanilla | — |
| #404440 | #404440 | RGB(64, 68, 64) | Rifle Green | — |
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 |
#5169ca | #63a9e3 | 1.96 |
#5169ca | #976b5b | 1.08 |
#5169ca | #404440 | 1.99 |
#63a9e3 | #976b5b | 1.81 |
#63a9e3 | #c9b7a5 | 1.29 |
#1e2c65 | #404440 | 1.32 |
Paleta de imagens Action list ui design png
Exportar paleta
Baixe a "Action list ui design" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: