Loading...
Creato a 01/22/2022 20:44
  0.17k

Userinterface ui web ux hex colors

  • #149574
  • #dfda87
  • #223a52
  • #6b95a1
  • #9ca8d0
  • #4c3c2a
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #149574 e #4c3c2a. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #223A52 (più scuro) a #9CA8D0 (più chiaro). L’intervallo di luminosità è moderato.

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

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #149574, #223A52, #4C3C2A, #6B95A1, #9CA8D0, #DFDA87

La tavolozza Userinterface ui web ux hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #149574, RGB: (20, 149, 116); ESADECIMALE: #dfda87, RGB: (223, 218, 135); ESADECIMALE: #223a52, RGB: (34, 58, 82)
ESADECIMALE: #6b95a1, RGB: (107, 149, 161); ESADECIMALE: #9ca8d0, RGB: (156, 168, 208); ESADECIMALE: #4c3c2a, RGB: (76, 60, 42)
Versione semplificata della tavolozza dei colori
Ombra di seashell, Tonalità di Cachi, Tonalità di darkslateblue, Tonalità di cadetblue, Tonalità di lightsteelblue, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Userinterface ui web ux hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#149574 #149574 RGB(20, 149, 116)
#dfda87 #dfda87 RGB(223, 218, 135)
#223a52 #223a52 RGB(34, 58, 82)
#6b95a1 #6b95a1 RGB(107, 149, 161)
#9ca8d0 #9ca8d0 RGB(156, 168, 208)
#4c3c2a #4c3c2a RGB(76, 60, 42)

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 testo Colore di sfondo Rapporto di contrasto
#149574
#6b95a1
1.15
#149574
#9ca8d0
1.59
#dfda87
#9ca8d0
1.62
#223a52
#4c3c2a
1.1
#6b95a1
#9ca8d0
1.38

Tavolozza immagini Userinterface ui web ux hex colors png

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