Gerar paleta
  1. Paletas de cores
  2. Interface ux web app

Interface ux web app

  • #31b4fb
  • #9474fc
  • #37286b
  • #68749c
  • #ced2a7
  • #443c44
  0.24k
Criado em 10/09/2020 11:34
porcolorswall
A paleta consiste em cores Claro, Escuro, Semi escuro. Cores de destaque #31b4fb e #ced2a7. A paleta tem Frio, Quente, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #37286B (mais escuro) a #CED2A7 (mais claro). A faixa de luminosidade é moderada.

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): #31B4FB, #37286B, #443C44, #68749C, #9474FC, #CED2A7

A paleta Interface ux web app combina 6 códigos de cor:
HEX: #31b4fb, RGB: (49, 180, 251); HEX: #9474fc, RGB: (148, 116, 252); HEX: #37286b, RGB: (55, 40, 107)
HEX: #68749c, RGB: (104, 116, 156); HEX: #ced2a7, RGB: (206, 210, 167); HEX: #443c44, RGB: (68, 60, 68)
Versão simplificada das cores da paleta
Tom claro de Azul-céu-profundo, Tom claro de Roxo-médio, Tom claro de Azul-meia-noite, Tom escuro de Cinza-ardósia, Tom escuro de Vara-dourada-pálida, Tom escuro de Cinza-fosco
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Interface ux web app códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#31b4fb#31b4fbRGB(49, 180, 251)——
#9474fc#9474fcRGB(148, 116, 252)——
#37286b#37286bRGB(55, 40, 107)——
#68749c#68749cRGB(104, 116, 156)——
#ced2a7#ced2a7RGB(206, 210, 167)——
#443c44#443c44RGB(68, 60, 68)——

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
#31b4fb
#9474fc
1.46
#31b4fb
#68749c
1.98
#31b4fb
#ced2a7
1.48
#9474fc
#68749c
1.34
#37286b
#443c44
1.17

Paleta de imagens Interface ux web app png

Interface ux web app paleta de cores: #31b4fb, #9474fc, #37286b, #68749c, #ced2a7, #443c44
 Baixar imagem