Criado em 08/10/2022 20:55
User interface experience website design web palette
- Sour Yellow#eafa06
- Booger Buster#e0e760
- Antique Bronze#686b11
- Olivine#a1a46c
- Dark Vanilla#d0d0aa
- Soldier Green#595b34
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Sour Yellow #eafa06 e Booger Buster #e0e760. A paleta tem Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #686B11 (mais escuro) a #D0D0AA (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): #595B34, #686B11, #A1A46C, #D0D0AA, #E0E760, #EAFA06
A paleta User interface experience website design web palette tem uma combinação de cores de códigos de 6:
HEX: #eafa06, RGB: (234, 250, 6); HEX: #e0e760, RGB: (224, 231, 96); HEX: #686b11, RGB: (104, 107, 17)
HEX: #a1a46c, RGB: (161, 164, 108); HEX: #d0d0aa, RGB: (208, 208, 170); HEX: #595b34, RGB: (89, 91, 52)
Versão simplificada das cores da paleta
Matiz de Amarelo, Matiz de Cáqui, Sombra de darkolivegreen, Matiz de darkkhaki, Matiz de palegoldenrod, Matiz de darkolivegreen
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
User interface experience website design web palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #eafa06 | #eafa06 | RGB(234, 250, 6) | Sour Yellow | — |
| #e0e760 | #e0e760 | RGB(224, 231, 96) | Booger Buster | — |
| #686b11 | #686b11 | RGB(104, 107, 17) | Antique Bronze | — |
| #a1a46c | #a1a46c | RGB(161, 164, 108) | Olivine | — |
| #d0d0aa | #d0d0aa | RGB(208, 208, 170) | Dark Vanilla | — |
| #595b34 | #595b34 | RGB(89, 91, 52) | Soldier Green | — |
Contraste da Paleta de Cores
6 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 |
#eafa06 | #e0e760 | 1.15 |
#eafa06 | #d0d0aa | 1.36 |
#e0e760 | #a1a46c | 1.96 |
#e0e760 | #d0d0aa | 1.18 |
#686b11 | #595b34 | 1.24 |
#a1a46c | #d0d0aa | 1.65 |
Paleta de imagens User interface experience website design web palette png
Exportar paleta
Baixe a "User interface experience website design web palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: