Creato a 07/20/2021 08:37
  0.17k

Fitness health ui design palette

  • #e68430
  • #fbdcc5
  • #347c7b
  • #509c99
  • #d5b6a4
  • #2c3439
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #fbdcc5 e #347c7b. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #2C3439 (più scuro) a #FBDCC5 (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): #2C3439, #347C7B, #509C99, #D5B6A4, #E68430, #FBDCC5

La tavolozza Fitness health ui design palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #e68430, RGB: (230, 132, 48); ESADECIMALE: #fbdcc5, RGB: (251, 220, 197); ESADECIMALE: #347c7b, RGB: (52, 124, 123)
ESADECIMALE: #509c99, RGB: (80, 156, 153); ESADECIMALE: #d5b6a4, RGB: (213, 182, 164); ESADECIMALE: #2c3439, RGB: (44, 52, 57)
Versione semplificata della tavolozza dei colori
Tonalità di darkorange, Ombra di peachpuff, Ombra di Verde acqua, Tonalità di cadetblue, Ombra di tan, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Fitness health ui design palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#e68430 #e68430 RGB(230, 132, 48)
#fbdcc5 #fbdcc5 RGB(251, 220, 197)
#347c7b #347c7b RGB(52, 124, 123)
#509c99 #509c99 RGB(80, 156, 153)
#d5b6a4 #d5b6a4 RGB(213, 182, 164)
#2c3439 #2c3439 RGB(44, 52, 57)

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
#e68430
#347c7b
1.78
#e68430
#509c99
1.17
#e68430
#d5b6a4
1.43
#fbdcc5
#d5b6a4
1.46
#347c7b
#509c99
1.51
#509c99
#d5b6a4
1.68

Tavolozza immagini Fitness health ui design palette png

Loading...
Loading...