Creato a 05/11/2020 21:10
  0.25k

Design webdesign dailyuichallenge ui colours

  • #cd312e
  • #f17479
  • #69192b
  • #8f4c6a
  • #d4acc4
  • #452138
Loading...
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati #cd312e e #f17479. La tavolozza ha la temperatura del colore Caldo, Neutro.

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

La saturazione è in una fascia media.

La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #452138, #69192B, #8F4C6A, #CD312E, #D4ACC4, #F17479

La tavolozza Design webdesign dailyuichallenge ui colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #cd312e, RGB: (205, 49, 46); ESADECIMALE: #f17479, RGB: (241, 116, 121); ESADECIMALE: #69192b, RGB: (105, 25, 43)
ESADECIMALE: #8f4c6a, RGB: (143, 76, 106); ESADECIMALE: #d4acc4, RGB: (212, 172, 196); ESADECIMALE: #452138, RGB: (69, 33, 56)
Versione semplificata della tavolozza dei colori
Ombra di crimson, Tonalità di lightcoral, Ombra di Marrone, Ombra di mediumvioletred, Tonalità di thistle, Tonalità di Viola
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design webdesign dailyuichallenge ui colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#cd312e #cd312e RGB(205, 49, 46)
#f17479 #f17479 RGB(241, 116, 121)
#69192b #69192b RGB(105, 25, 43)
#8f4c6a #8f4c6a RGB(143, 76, 106)
#d4acc4 #d4acc4 RGB(212, 172, 196)
#452138 #452138 RGB(69, 33, 56)

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
#cd312e
#f17479
1.84
#cd312e
#8f4c6a
1.19
#f17479
#d4acc4
1.39
#69192b
#8f4c6a
1.92
#69192b
#452138
1.16

Tavolozza immagini Design webdesign dailyuichallenge ui colours png

Loading...
Loading...