Criado em 12/23/2022 13:04
Landing design agency ux palette
- Shocking Pink#fb04ca
- Cyclamen#f36c9d
- Dark Scarlet#59052b
- Philippine Gray#8c8c8e
- Violet-Red#8d0b3a
- Gunmetal#2b2d32
A paleta consiste em cores Luz, Escuro. Cores de destaque Shocking Pink #fb04ca e Dark Scarlet #59052b. A paleta tem Neutro, Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #2B2D32 (mais escuro) a #F36C9D (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto).
A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #2B2D32, #59052B, #8C8C8E, #8D0B3A, #F36C9D, #FB04CA
A paleta Landing design agency ux palette tem uma combinação de cores de códigos de 6:
HEX: #fb04ca, RGB: (251, 4, 202); HEX: #f36c9d, RGB: (243, 108, 157); HEX: #59052b, RGB: (89, 5, 43)
HEX: #8c8c8e, RGB: (140, 140, 142); HEX: #8d0b3a, RGB: (141, 11, 58); HEX: #2b2d32, RGB: (43, 45, 50)
Versão simplificada das cores da paleta
Matiz de magenta, Sombra de palevioletred, Matiz de Roxo, Sombra de Cinza, Matiz de brown, Sombra de Preto
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Landing design agency ux palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #fb04ca | #fb04ca | RGB(251, 4, 202) | Shocking Pink | — |
| #f36c9d | #f36c9d | RGB(243, 108, 157) | Cyclamen | — |
| #59052b | #59052b | RGB(89, 5, 43) | Dark Scarlet | — |
| #8c8c8e | #8c8c8e | RGB(140, 140, 142) | Philippine Gray | — |
| #8d0b3a | #8d0b3a | RGB(141, 11, 58) | Violet-Red | — |
| #2b2d32 | #2b2d32 | RGB(43, 45, 50) | Gunmetal | — |
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 |
|---|---|---|
#fb04ca | #f36c9d | 1.24 |
#fb04ca | #8c8c8e | 1.04 |
#f36c9d | #8c8c8e | 1.18 |
#59052b | #8d0b3a | 1.51 |
#59052b | #2b2d32 | 1.02 |
#8d0b3a | #2b2d32 | 1.47 |
Paleta de imagens Landing design agency ux palette png
Exportar paleta
Baixe a "Landing design agency ux palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: