Loading...
Creato a 09/10/2021 21:31
  0.18k

Typogaphy design ui magazine palette

  • #f11223
  • #9abbdb
  • #a71220
  • #9e6254
  • #d0acad
  • #361c3a
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #f11223 e #9abbdb. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

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

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #361C3A, #9ABBDB, #9E6254, #A71220, #D0ACAD, #F11223

La tavolozza Typogaphy design ui magazine palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #f11223, RGB: (241, 18, 35); ESADECIMALE: #9abbdb, RGB: (154, 187, 219); ESADECIMALE: #a71220, RGB: (167, 18, 32)
ESADECIMALE: #9e6254, RGB: (158, 98, 84); ESADECIMALE: #d0acad, RGB: (208, 172, 173); ESADECIMALE: #361c3a, RGB: (54, 28, 58)
Versione semplificata della tavolozza dei colori
Ombra di Rosso, Tonalità di lightsteelblue, Tonalità di brown, Ombra di sienna, Ombra di rosybrown, Ombra di midnightblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Typogaphy design ui magazine palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f11223 #f11223 RGB(241, 18, 35)
#9abbdb #9abbdb RGB(154, 187, 219)
#a71220 #a71220 RGB(167, 18, 32)
#9e6254 #9e6254 RGB(158, 98, 84)
#d0acad #d0acad RGB(208, 172, 173)
#361c3a #361c3a RGB(54, 28, 58)

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
#f11223
#a71220
1.76
#f11223
#9e6254
1.12
#9abbdb
#d0acad
1.03
#a71220
#9e6254
1.57
#a71220
#361c3a
1.98

Tavolozza immagini Typogaphy design ui magazine palette png

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