Loading...
Criado em 03/26/2023 19:36
porhex
  56

Ui fashion type ux hex colors

  • Fire Opal
    #ed524d
  • Orange-Yellow (Crayola)
    #f4c464
  • Windsor Tan
    #a65411
  • Beaver
    #987c6f
  • Opal
    #a0d0c5
  • Bole
    #724434
Loading...
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Orange-Yellow (Crayola) #f4c464 e Opal #a0d0c5. A paleta tem Esquentar, Legal temperatura de cores.

Em luminosidade, a paleta vai de #724434 (mais escuro) a #A0D0C5 (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): #724434, #987C6F, #A0D0C5, #A65411, #ED524D, #F4C464

A paleta Ui fashion type ux hex colors tem uma combinação de cores de códigos de 6:
HEX: #ed524d, RGB: (237, 82, 77); HEX: #f4c464, RGB: (244, 196, 100); HEX: #a65411, RGB: (166, 84, 17)
HEX: #987c6f, RGB: (152, 124, 111); HEX: #a0d0c5, RGB: (160, 208, 197); HEX: #724434, RGB: (114, 68, 52)
Versão simplificada das cores da paleta
Matiz de tomato, Sombra de goldenrod, Matiz de sienna, Matiz de rosybrown, Matiz de paleturquoise, Matiz de saddlebrown
O esquema de cores foi criado por hex

Códigos de cores na paleta

Ui fashion type ux hex colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#ed524d #ed524d RGB(237, 82, 77)Fire Opal
#f4c464 #f4c464 RGB(244, 196, 100)Orange-Yellow (Crayola)
#a65411 #a65411 RGB(166, 84, 17)Windsor Tan
#987c6f #987c6f RGB(152, 124, 111)Beaver
#a0d0c5 #a0d0c5 RGB(160, 208, 197)Opal
#724434 #724434 RGB(114, 68, 52)Bole

Contraste da Paleta de Cores

5 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
#ed524d
#a65411
1.51
#ed524d
#987c6f
1.08
#f4c464
#a0d0c5
1.04
#a65411
#987c6f
1.39
#a65411
#724434
1.5

Paleta de imagens Ui fashion type ux hex colors png

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