Loading...
Criado em 02/23/2023 11:07
  63

Design ui app ux colors palette

  • Chinese Bronze
    #d48c24
  • Buff
    #f4dc83
  • Golden Brown
    #9c6c14
  • Olive Green
    #a4a161
  • Khaki (HTML/CSS)
    #c8a894
  • Coffee
    #685530
Loading...
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Buff #f4dc83 e Golden Brown #9c6c14. A paleta tem Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #685530 (mais escuro) a #F4DC83 (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): #685530, #9C6C14, #A4A161, #C8A894, #D48C24, #F4DC83

A paleta Design ui app ux colors palette tem uma combinação de cores de códigos de 6:
HEX: #d48c24, RGB: (212, 140, 36); HEX: #f4dc83, RGB: (244, 220, 131); HEX: #9c6c14, RGB: (156, 108, 20)
HEX: #a4a161, RGB: (164, 161, 97); HEX: #c8a894, RGB: (200, 168, 148); HEX: #685530, RGB: (104, 85, 48)
Versão simplificada das cores da paleta
Sombra de peru, Matiz de Cáqui, Matiz de darkgoldenrod, Matiz de darkkhaki, Matiz de tan, Sombra de saddlebrown
O esquema de cores foi criado por bad_colors

Códigos de cores na paleta

Design ui app ux colors palette códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#d48c24 #d48c24 RGB(212, 140, 36)Chinese Bronze
#f4dc83 #f4dc83 RGB(244, 220, 131)Buff
#9c6c14 #9c6c14 RGB(156, 108, 20)Golden Brown
#a4a161 #a4a161 RGB(164, 161, 97)Olive Green
#c8a894 #c8a894 RGB(200, 168, 148)Khaki (HTML/CSS)
#685530 #685530 RGB(104, 85, 48)Coffee

Contraste da Paleta de Cores

8 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
#d48c24
#9c6c14
1.65
#d48c24
#a4a161
1.03
#d48c24
#c8a894
1.25
#f4dc83
#a4a161
1.96
#f4dc83
#c8a894
1.62
#9c6c14
#a4a161
1.71

Paleta de imagens Design ui app ux colors palette png

Loading...
Loading...
Loading...