User interface glassmorphism design ux colours

  • #ee74ac
  • #ee8cba
  • #760e3e
  • #64609c
  • #c8b5dc
  • #3c2a30
  0.24k
Creato il 05/26/2021 15:49
La tavolozza è composta da Chiaro, Scuro, Semi scuro colori. Colori d'accento #ee74ac e #760e3e. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #3C2A30 (più scuro) a #C8B5DC (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — 2 smorzati e 3 vivaci su 6 colori.

Le tonalità restano in una zona della ruota dei colori e coprono circa 96°.

Complessivamente la temperatura tende al caldo (4 su 6).

Codici HEX (ordinati): #3C2A30, #64609C, #760E3E, #C8B5DC, #EE74AC, #EE8CBA

La tavolozza User interface glassmorphism design ux colours combina 6 codici colore:
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)
Versione semplificata della tavolozza dei colori
Tinta di Rosa acceso, Tinta di Rosa acceso, Sfumatura di Viola, Sfumatura di Blu ardesia, Sfumatura di Cardo, Tinta di Nero
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

User interface glassmorphism design ux colours codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome 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)——

Contrasto della palette di colori

5 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testoColore di sfondoRapporto di contrasto
#ee74ac
#ee8cba
1.17
#ee74ac
#c8b5dc
1.43
#ee8cba
#c8b5dc
1.22
#760e3e
#64609c
1.94
#760e3e
#3c2a30
1.21

Tavolozza immagini User interface glassmorphism design ux colours png