Loading...
Creato a 02/08/2021 13:03
  0.27k

App ui illustration prototype hex colors

  • #f39335
  • #fcfc94
  • #7d4107
  • #5c9a9b
  • #a4ccc4
  • #3c444c
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #fcfc94 e #5c9a9b. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #7D4107 (più scuro) a #FCFC94 (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).

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #3C444C, #5C9A9B, #7D4107, #A4CCC4, #F39335, #FCFC94

La tavolozza App ui illustration prototype hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #f39335, RGB: (243, 147, 53); ESADECIMALE: #fcfc94, RGB: (252, 252, 148); ESADECIMALE: #7d4107, RGB: (125, 65, 7)
ESADECIMALE: #5c9a9b, RGB: (92, 154, 155); ESADECIMALE: #a4ccc4, RGB: (164, 204, 196); ESADECIMALE: #3c444c, RGB: (60, 68, 76)
Versione semplificata della tavolozza dei colori
Ombra di darkorange, Ombra di Cachi, Tonalità di saddlebrown, Tonalità di cadetblue, Tonalità di powderblue, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

App ui illustration prototype hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f39335 #f39335 RGB(243, 147, 53)
#fcfc94 #fcfc94 RGB(252, 252, 148)
#7d4107 #7d4107 RGB(125, 65, 7)
#5c9a9b #5c9a9b RGB(92, 154, 155)
#a4ccc4 #a4ccc4 RGB(164, 204, 196)
#3c444c #3c444c RGB(60, 68, 76)

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
#f39335
#5c9a9b
1.37
#f39335
#a4ccc4
1.32
#fcfc94
#a4ccc4
1.62
#7d4107
#3c444c
1.23
#5c9a9b
#a4ccc4
1.83

Tavolozza immagini App ui illustration prototype hex colors png

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