Criado em 02/15/2023 06:41
Design ux service product palette
- Bright Yellow (Crayola)#f3ac1d
- Bone#e7dac5
- Golden Brown#8f5c0c
- Beaver#9c8568
- Pale Silver#c6c0b0
- Olive Drab Camouflage#585134
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Bright Yellow (Crayola) #f3ac1d e Golden Brown #8f5c0c. A paleta tem Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #585134 (mais escuro) a #E7DAC5 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
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): #585134, #8F5C0C, #9C8568, #C6C0B0, #E7DAC5, #F3AC1D
A paleta Design ux service product palette tem uma combinação de cores de códigos de 6:
HEX: #f3ac1d, RGB: (243, 172, 29); HEX: #e7dac5, RGB: (231, 218, 197); HEX: #8f5c0c, RGB: (143, 92, 12)
HEX: #9c8568, RGB: (156, 133, 104); HEX: #c6c0b0, RGB: (198, 192, 176); HEX: #585134, RGB: (88, 81, 52)
Versão simplificada das cores da paleta
Sombra de Laranja, Matiz de antiquewhite, Sombra de saddlebrown, Sombra de Cinza, Matiz de Prata, Matiz de darkolivegreen
O esquema de cores foi criado por hex
Códigos de cores na paleta
Design ux service product palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f3ac1d | #f3ac1d | RGB(243, 172, 29) | Bright Yellow (Crayola) | — |
| #e7dac5 | #e7dac5 | RGB(231, 218, 197) | Bone | — |
| #8f5c0c | #8f5c0c | RGB(143, 92, 12) | Golden Brown | — |
| #9c8568 | #9c8568 | RGB(156, 133, 104) | Beaver | — |
| #c6c0b0 | #c6c0b0 | RGB(198, 192, 176) | Pale Silver | — |
| #585134 | #585134 | RGB(88, 81, 52) | Olive Drab Camouflage | — |
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 | Taxa de contraste |
#f3ac1d | #e7dac5 | 1.41 |
#f3ac1d | #9c8568 | 1.79 |
#f3ac1d | #c6c0b0 | 1.07 |
#e7dac5 | #c6c0b0 | 1.31 |
#8f5c0c | #9c8568 | 1.61 |
#8f5c0c | #585134 | 1.4 |
Paleta de imagens Design ux service product palette png
Exportar paleta
Baixe a "Design ux service product palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: