Criado em 02/23/2023 19:35
App uidesign settings productdesign palette
- Spanish Yellow#f1b612
- Medium Champagne#f9eaa1
- Raw Umber#906840
- Camouflage Green#848464
- Rosy Brown#b78b84
- Quincy#64583a
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Spanish Yellow #f1b612 e Medium Champagne #f9eaa1. A paleta tem Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #64583A (mais escuro) a #F9EAA1 (mais claro). A faixa de luminosidade é moderada.
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): #64583A, #848464, #906840, #B78B84, #F1B612, #F9EAA1
A paleta App uidesign settings productdesign palette tem uma combinação de cores de códigos de 6:
HEX: #f1b612, RGB: (241, 182, 18); HEX: #f9eaa1, RGB: (249, 234, 161); HEX: #906840, RGB: (144, 104, 64)
HEX: #848464, RGB: (132, 132, 100); HEX: #b78b84, RGB: (183, 139, 132); HEX: #64583a, RGB: (100, 88, 58)
Versão simplificada das cores da paleta
Sombra de goldenrod, Sombra de palegoldenrod, Sombra de sienna, Sombra de Cinza, Matiz de rosybrown, Matiz de dimgrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
App uidesign settings productdesign palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f1b612 | #f1b612 | RGB(241, 182, 18) | Spanish Yellow | — |
| #f9eaa1 | #f9eaa1 | RGB(249, 234, 161) | Medium Champagne | — |
| #906840 | #906840 | RGB(144, 104, 64) | Raw Umber | — |
| #848464 | #848464 | RGB(132, 132, 100) | Camouflage Green | — |
| #b78b84 | #b78b84 | RGB(183, 139, 132) | Rosy Brown | — |
| #64583a | #64583a | RGB(100, 88, 58) | Quincy | — |
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 |
#f1b612 | #f9eaa1 | 1.51 |
#f1b612 | #b78b84 | 1.62 |
#906840 | #848464 | 1.28 |
#906840 | #b78b84 | 1.66 |
#906840 | #64583a | 1.41 |
#848464 | #b78b84 | 1.28 |
Paleta de imagens App uidesign settings productdesign palette png
Exportar paleta
Baixe a "App uidesign settings productdesign palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: