User interface glassmorphism design ux colours

  • #ee74ac
  • #ee8cba
  • #760e3e
  • #64609c
  • #c8b5dc
  • #3c2a30
  0.24k
Criado em 05/26/2021 15:49
A paleta consiste em cores Claro, Escuro, Semi escuro. Cores de destaque #ee74ac e #760e3e. A paleta tem Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #3C2A30 (mais escuro) a #C8B5DC (mais claro). A faixa de luminosidade é moderada.

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

Os tons ficam em uma região do círculo cromático, abrangendo cerca de 96°.

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

Códigos HEX (ordenados): #3C2A30, #64609C, #760E3E, #C8B5DC, #EE74AC, #EE8CBA

A paleta User interface glassmorphism design ux colours combina 6 códigos de cor:
HEX: #ee74ac, RGB: (238, 116, 172); HEX: #ee8cba, RGB: (238, 140, 186); HEX: #760e3e, RGB: (118, 14, 62)
HEX: #64609c, RGB: (100, 96, 156); HEX: #c8b5dc, RGB: (200, 181, 220); HEX: #3c2a30, RGB: (60, 42, 48)
Versão simplificada das cores da paleta
Tom claro de Rosa-choque, Tom claro de Rosa-choque, Tom escuro de Roxo, Tom escuro de Azul-ardósia, Tom escuro de Cardo, Tom claro de Preto
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

User interface glassmorphism design ux colours códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#ee74ac#ee74acRGB(238, 116, 172)——
#ee8cba#ee8cbaRGB(238, 140, 186)——
#760e3e#760e3eRGB(118, 14, 62)——
#64609c#64609cRGB(100, 96, 156)——
#c8b5dc#c8b5dcRGB(200, 181, 220)——
#3c2a30#3c2a30RGB(60, 42, 48)——

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
#ee74ac
#ee8cba
1.17
#ee74ac
#c8b5dc
1.43
#ee8cba
#c8b5dc
1.22
#760e3e
#64609c
1.94
#760e3e
#3c2a30
1.21

Paleta de imagens User interface glassmorphism design ux colours png