Criado em 03/22/2023 11:34
Ui pay ux mobile app colours
- Orange-Yellow (Crayola)#f4cc6c
- Light Coral#f48484
- Dark Bronze#7b5909
- Sage#b7bc97
- Pastel Gray#c8d0ba
- Onyx#3c343c
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Orange-Yellow (Crayola) #f4cc6c e Dark Bronze #7b5909. A paleta tem Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #3C343C (mais escuro) a #C8D0BA (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Os matizes ficam numa faixa vizinha na roda (heurística).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #3C343C, #7B5909, #B7BC97, #C8D0BA, #F48484, #F4CC6C
A paleta Ui pay ux mobile app colours tem uma combinação de cores de códigos de 6:
HEX: #f4cc6c, RGB: (244, 204, 108); HEX: #f48484, RGB: (244, 132, 132); HEX: #7b5909, RGB: (123, 89, 9)
HEX: #b7bc97, RGB: (183, 188, 151); HEX: #c8d0ba, RGB: (200, 208, 186); HEX: #3c343c, RGB: (60, 52, 60)
Versão simplificada das cores da paleta
Sombra de gold, Sombra de lightcoral, Sombra de saddlebrown, Sombra de darkkhaki, Matiz de beige, Sombra de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ui pay ux mobile app colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f4cc6c | #f4cc6c | RGB(244, 204, 108) | Orange-Yellow (Crayola) | — |
| #f48484 | #f48484 | RGB(244, 132, 132) | Light Coral | — |
| #7b5909 | #7b5909 | RGB(123, 89, 9) | Dark Bronze | — |
| #b7bc97 | #b7bc97 | RGB(183, 188, 151) | Sage | — |
| #c8d0ba | #c8d0ba | RGB(200, 208, 186) | Pastel Gray | — |
| #3c343c | #3c343c | RGB(60, 52, 60) | Onyx | — |
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 |
#f4cc6c | #f48484 | 1.61 |
#f4cc6c | #b7bc97 | 1.28 |
#f4cc6c | #c8d0ba | 1.03 |
#f48484 | #b7bc97 | 1.25 |
#f48484 | #c8d0ba | 1.55 |
#7b5909 | #3c343c | 1.87 |
Paleta de imagens Ui pay ux mobile app colours png
Exportar paleta
Baixe a "Ui pay ux mobile app colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: