Loading...
Creato a 02/23/2023 10:16
  52

Design app page ux hex colors

  • Palatinate Blue
    #314ae7
  • Cornflower Blue
    #687cf0
  • Bistre
    #3c2c1c
  • Copper Rose
    #976d69
  • Pastel Blue
    #b0bfd2
  • Dark Lava
    #4c3c2c
Loading...
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Cornflower Blue #687cf0 e Bistre #3c2c1c. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #3C2C1C (più scuro) a #B0BFD2 (più chiaro). L’intervallo di luminosità è ampio.

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).

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #314AE7, #3C2C1C, #4C3C2C, #687CF0, #976D69, #B0BFD2

La tavolozza Design app page ux hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #314ae7, RGB: (49, 74, 231); ESADECIMALE: #687cf0, RGB: (104, 124, 240); ESADECIMALE: #3c2c1c, RGB: (60, 44, 28)
ESADECIMALE: #976d69, RGB: (151, 109, 105); ESADECIMALE: #b0bfd2, RGB: (176, 191, 210); ESADECIMALE: #4c3c2c, RGB: (76, 60, 44)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Ombra di mediumslateblue, Ombra di Nero, Tonalità di rosybrown, Tonalità di lightsteelblue, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design app page ux hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#314ae7 #314ae7 RGB(49, 74, 231)Palatinate Blue
#687cf0 #687cf0 RGB(104, 124, 240)Cornflower Blue
#3c2c1c #3c2c1c RGB(60, 44, 28)Bistre
#976d69 #976d69 RGB(151, 109, 105)Copper Rose
#b0bfd2 #b0bfd2 RGB(176, 191, 210)Pastel Blue
#4c3c2c #4c3c2c RGB(76, 60, 44)Dark Lava

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
#314ae7
#687cf0
1.75
#314ae7
#976d69
1.44
#314ae7
#4c3c2c
1.64
#687cf0
#976d69
1.21
#687cf0
#b0bfd2
1.95
#3c2c1c
#4c3c2c
1.26

Tavolozza immagini Design app page ux hex colors png

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