Criado em 11/08/2022 17:33
Interface user experience graphic design ui palette
- Cadmium Orange#f19231
- Orange-Yellow (Crayola)#f7c467
- Brunswick Green#205343
- Bronze (Metallic)#aa8d4c
- Silver Pink#cab4a8
- Feldgrau#38635c
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Orange-Yellow (Crayola) #f7c467 e Brunswick Green #205343. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #205343 (mais escuro) a #CAB4A8 (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): #205343, #38635C, #AA8D4C, #CAB4A8, #F19231, #F7C467
A paleta Interface user experience graphic design ui palette tem uma combinação de cores de códigos de 6:
HEX: #f19231, RGB: (241, 146, 49); HEX: #f7c467, RGB: (247, 196, 103); HEX: #205343, RGB: (32, 83, 67)
HEX: #aa8d4c, RGB: (170, 141, 76); HEX: #cab4a8, RGB: (202, 180, 168); HEX: #38635c, RGB: (56, 99, 92)
Versão simplificada das cores da paleta
Sombra de darkorange, Sombra de burlywood, Matiz de darkslategrey, Sombra de darkgoldenrod, Sombra de tan, Sombra de darkslategrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Interface user experience graphic design ui palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f19231 | #f19231 | RGB(241, 146, 49) | Cadmium Orange | — |
| #f7c467 | #f7c467 | RGB(247, 196, 103) | Orange-Yellow (Crayola) | — |
| #205343 | #205343 | RGB(32, 83, 67) | Brunswick Green | — |
| #aa8d4c | #aa8d4c | RGB(170, 141, 76) | Bronze (Metallic) | — |
| #cab4a8 | #cab4a8 | RGB(202, 180, 168) | Silver Pink | — |
| #38635c | #38635c | RGB(56, 99, 92) | Feldgrau | — |
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 |
#f19231 | #f7c467 | 1.46 |
#f19231 | #aa8d4c | 1.34 |
#f19231 | #cab4a8 | 1.19 |
#f7c467 | #aa8d4c | 1.96 |
#f7c467 | #cab4a8 | 1.23 |
#205343 | #38635c | 1.3 |
Paleta de imagens Interface user experience graphic design ui palette png
Exportar paleta
Baixe a "Interface user experience graphic design ui palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: