Gerar paleta
  1. Paletas de cores
  2. Ui design figma swipe animation interaction hex colors

Ui design figma swipe animation interaction hex colors

  • Antique Brass
    #c49474
  • Teal Deer
    #84e3ac
  • Rich Black (FOGRA29)
    #04140c
  • Shiny Shamrock
    #54ac80
  • Eton Blue
    #96c2a1
  • Arsenic
    #3c3f4d
  0.18k
Criado em 07/28/2022 09:19
porcolorswall
A paleta consiste em cores Claro, Escuro, Semi escuro. Cores de destaque Antique Brass #c49474 e Rich Black (FOGRA29) #04140c. A paleta tem Quente, Frio, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #04140C (mais escuro) a #84E3AC (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 2 suaves e 2 vívidas em 6 cores.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

No geral, a temperatura tende para o frio (4 de 6).

Códigos HEX (ordenados): #04140C, #3C3F4D, #54AC80, #84E3AC, #96C2A1, #C49474

A paleta Ui design figma swipe animation interaction hex colors combina 6 códigos de cor:
HEX: #c49474, RGB: (196, 148, 116); HEX: #84e3ac, RGB: (132, 227, 172); HEX: #04140c, RGB: (4, 20, 12)
HEX: #54ac80, RGB: (84, 172, 128); HEX: #96c2a1, RGB: (150, 194, 161); HEX: #3c3f4d, RGB: (60, 63, 77)
Versão simplificada das cores da paleta
Tom escuro de Salmão-escuro, Tom claro de Água-marinha-média, Tom claro de Preto, Tom claro de Verde-mar-médio, Tom claro de Verde-mar-escuro, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Ui design figma swipe animation interaction hex colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#c49474 #c49474 RGB(196, 148, 116)Antique Brass—
#84e3ac #84e3ac RGB(132, 227, 172)Teal Deer—
#04140c #04140c RGB(4, 20, 12)Rich Black (FOGRA29)—
#54ac80 #54ac80 RGB(84, 172, 128)Shiny Shamrock—
#96c2a1 #96c2a1 RGB(150, 194, 161)Eton Blue—
#3c3f4d #3c3f4d RGB(60, 63, 77)Arsenic—

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 Razão de contraste
#c49474
#84e3ac
1.73
#c49474
#54ac80
1.03
#c49474
#96c2a1
1.34
#84e3ac
#54ac80
1.78
#84e3ac
#96c2a1
1.28
#04140c
#3c3f4d
1.81

Paleta de imagens Ui design figma swipe animation interaction hex colors png

Ui design figma swipe animation interaction hex colors: Antique Brass, Teal Deer, Rich Black (FOGRA29), Shiny Shamrock
 Baixar imagem