Gerar paleta
  1. Paletas de cores
  2. Ux data ui design web

Ux data ui design web

  • #c6661c
  • #f9c455
  • #205692
  • #5c7b9d
  • #acbdd3
  • #3d5c7c
  0.17k
Criado em 02/25/2021 10:22
porcolorswall
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #f9c455 e #205692. A paleta tem Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #205692 (mais escuro) a #F9C455 (mais claro). A faixa de luminosidade é moderada.

Saturação mista — 1 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): #205692, #3D5C7C, #5C7B9D, #ACBDD3, #C6661C, #F9C455

A paleta Ux data ui design web combina 6 códigos de cor:
HEX: #c6661c, RGB: (198, 102, 28); HEX: #f9c455, RGB: (249, 196, 85); HEX: #205692, RGB: (32, 86, 146)
HEX: #5c7b9d, RGB: (92, 123, 157); HEX: #acbdd3, RGB: (172, 189, 211); HEX: #3d5c7c, RGB: (61, 92, 124)
Versão simplificada das cores da paleta
Tom escuro de Chocolate, Tom claro de Vara-dourada, Tom escuro de Azul-royal, Tom escuro de Azul-aço, Tom escuro de Azul-aço-claro, Tom escuro de Azul-royal
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Ux data ui design web códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#c6661c #c6661c RGB(198, 102, 28)——
#f9c455 #f9c455 RGB(249, 196, 85)——
#205692 #205692 RGB(32, 86, 146)——
#5c7b9d #5c7b9d RGB(92, 123, 157)——
#acbdd3 #acbdd3 RGB(172, 189, 211)——
#3d5c7c #3d5c7c RGB(61, 92, 124)——

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
#c6661c
#205692
1.89
#c6661c
#5c7b9d
1.11
#c6661c
#3d5c7c
1.76
#f9c455
#acbdd3
1.18
#205692
#5c7b9d
1.7
#205692
#3d5c7c
1.07

Paleta de imagens Ux data ui design web png

Ux data ui design web paleta de cores: #c6661c, #f9c455, #205692, #5c7b9d, #acbdd3, #3d5c7c
 Baixar imagem