Gerar paleta
  1. Paletas de cores
  2. Design ux ui hex colors

Design ux ui hex colors

  • #45eba7
  • #b4eede
  • #24578c
  • #579b79
  • #c0bc9c
  • #4d342c
  0.2k
Criado em 12/31/2020 14:00
porcolorswall
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #45eba7 e #4d342c. A paleta tem Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #4D342C (mais escuro) a #B4EEDE (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 2 suaves e 3 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): #24578C, #45EBA7, #4D342C, #579B79, #B4EEDE, #C0BC9C

A paleta Design ux ui hex colors combina 6 códigos de cor:
HEX: #45eba7, RGB: (69, 235, 167); HEX: #b4eede, RGB: (180, 238, 222); HEX: #24578c, RGB: (36, 87, 140)
HEX: #579b79, RGB: (87, 155, 121); HEX: #c0bc9c, RGB: (192, 188, 156); HEX: #4d342c, RGB: (77, 52, 44)
Versão simplificada das cores da paleta
Tom claro de Verde-primavera-médio, Tom escuro de Turquesa-pálido, Tom escuro de Azul-royal, Tom claro de Verde-mar, Tom claro de Cáqui-escuro, Tom claro de Bordô
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

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

CorHEXRGBNomenome alternativo
#45eba7#45eba7RGB(69, 235, 167)——
#b4eede#b4eedeRGB(180, 238, 222)——
#24578c#24578cRGB(36, 87, 140)——
#579b79#579b79RGB(87, 155, 121)——
#c0bc9c#c0bc9cRGB(192, 188, 156)——
#4d342c#4d342cRGB(77, 52, 44)——

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 textoCor de fundoRazão de contraste
#45eba7
#b4eede
1.18
#45eba7
#c0bc9c
1.25
#b4eede
#c0bc9c
1.48
#24578c
#4d342c
1.52
#579b79
#c0bc9c
1.71

Paleta de imagens Design ux ui hex colors png

Design ux ui hex colors: #45eba7, #b4eede, #24578c, #579b79, #c0bc9c, #4d342c
 Baixar imagem