Criado em 03/26/2023 15:51
Ux interface product design colours
- Maize (Crayola)#fcc44c
- Maximum Yellow Red#f6b84b
- Dark Brown#5f451f
- Burnished Brown#98766c
- Silver Pink#c4b3a6
- Hooker's Green#3e7265
A paleta consiste em cores Luz. Cores de destaque Maize (Crayola) #fcc44c e Hooker's Green #3e7265. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #5F451F (mais escuro) a #C4B3A6 (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 quente.
Códigos HEX (ordenados): #3E7265, #5F451F, #98766C, #C4B3A6, #F6B84B, #FCC44C
A paleta Ux interface product design colours tem uma combinação de cores de códigos de 6:
HEX: #fcc44c, RGB: (252, 196, 76); HEX: #f6b84b, RGB: (246, 184, 75); HEX: #5f451f, RGB: (95, 69, 31)
HEX: #98766c, RGB: (152, 118, 108); HEX: #c4b3a6, RGB: (196, 179, 166); HEX: #3e7265, RGB: (62, 114, 101)
Versão simplificada das cores da paleta
Sombra de goldenrod, Sombra de goldenrod, Matiz de saddlebrown, Matiz de rosybrown, Matiz de tan, Sombra de Cerceta
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Ux interface product design colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fcc44c | #fcc44c | RGB(252, 196, 76) | Maize (Crayola) | — |
| #f6b84b | #f6b84b | RGB(246, 184, 75) | Maximum Yellow Red | — |
| #5f451f | #5f451f | RGB(95, 69, 31) | Dark Brown | — |
| #98766c | #98766c | RGB(152, 118, 108) | Burnished Brown | — |
| #c4b3a6 | #c4b3a6 | RGB(196, 179, 166) | Silver Pink | — |
| #3e7265 | #3e7265 | RGB(62, 114, 101) | Hooker's Green | — |
Contraste da Paleta de Cores
5 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 |
#fcc44c | #f6b84b | 1.1 |
#fcc44c | #c4b3a6 | 1.27 |
#f6b84b | #c4b3a6 | 1.14 |
#5f451f | #3e7265 | 1.61 |
#98766c | #3e7265 | 1.35 |
Paleta de imagens Ux interface product design colours png
Exportar paleta
Baixe a "Ux interface product design colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: