Loading...
Creato a 02/23/2023 10:15
  73

Components darkui uidesign ux colors

  • Moonstone
    #3ca6b4
  • Lavender (Floral)
    #b884e8
  • Dark Slate Gray
    #24645c
  • Dark Blue-Gray
    #716390
  • Lilac
    #bca9c2
  • Russian Violet
    #34244c
Loading...
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Moonstone #3ca6b4 e Lavender (Floral) #b884e8. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #34244C (più scuro) a #B884E8 (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

Le tonalità stanno in una fascia adiacente sulla ruota dei colori (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #24645C, #34244C, #3CA6B4, #716390, #B884E8, #BCA9C2

La tavolozza Components darkui uidesign ux colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #3ca6b4, RGB: (60, 166, 180); ESADECIMALE: #b884e8, RGB: (184, 132, 232); ESADECIMALE: #24645c, RGB: (36, 100, 92)
ESADECIMALE: #716390, RGB: (113, 99, 144); ESADECIMALE: #bca9c2, RGB: (188, 169, 194); ESADECIMALE: #34244c, RGB: (52, 36, 76)
Versione semplificata della tavolozza dei colori
Tonalità di cadetblue, Ombra di mediumpurple, Ombra di darkslategrey, Ombra di slateblue, Tonalità di thistle, Ombra di midnightblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Components darkui uidesign ux colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#3ca6b4 #3ca6b4 RGB(60, 166, 180)Moonstone
#b884e8 #b884e8 RGB(184, 132, 232)Lavender (Floral)
#24645c #24645c RGB(36, 100, 92)Dark Slate Gray
#716390 #716390 RGB(113, 99, 144)Dark Blue-Gray
#bca9c2 #bca9c2 RGB(188, 169, 194)Lilac
#34244c #34244c RGB(52, 36, 76)Russian Violet

Contrasto della palette di colori

6 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testo Colore di sfondo Rapporto di contrasto
#3ca6b4
#b884e8
1.02
#3ca6b4
#716390
1.87
#3ca6b4
#bca9c2
1.31
#b884e8
#716390
1.92
#b884e8
#bca9c2
1.27
#24645c
#716390
1.27

Tavolozza immagini Components darkui uidesign ux colors png

Loading...
Loading...
Loading...