Loading...
Creato a 12/28/2020 13:17
  0.23k

Design flat ui ux hex colors

  • #d61166
  • #ec74ac
  • #7a093a
  • #90687c
  • #d8acbc
  • #543c4c
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #d61166 e #7a093a. La tavolozza ha la temperatura del colore Caldo, Neutro.

Per luminosità, la tavolozza va da #7A093A (più scuro) a #D8ACBC (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

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

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #543C4C, #7A093A, #90687C, #D61166, #D8ACBC, #EC74AC

La tavolozza Design flat ui ux hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #d61166, RGB: (214, 17, 102); ESADECIMALE: #ec74ac, RGB: (236, 116, 172); ESADECIMALE: #7a093a, RGB: (122, 9, 58)
ESADECIMALE: #90687c, RGB: (144, 104, 124); ESADECIMALE: #d8acbc, RGB: (216, 172, 188); ESADECIMALE: #543c4c, RGB: (84, 60, 76)
Versione semplificata della tavolozza dei colori
Tonalità di mediumvioletred, Tonalità di hotpink, Tonalità di Viola, Tonalità di rosybrown, Tonalità di thistle, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design flat ui ux hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#d61166 #d61166 RGB(214, 17, 102)
#ec74ac #ec74ac RGB(236, 116, 172)
#7a093a #7a093a RGB(122, 9, 58)
#90687c #90687c RGB(144, 104, 124)
#d8acbc #d8acbc RGB(216, 172, 188)
#543c4c #543c4c RGB(84, 60, 76)

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
#d61166
#ec74ac
1.85
#d61166
#90687c
1.07
#d61166
#543c4c
1.94
#ec74ac
#90687c
1.71
#ec74ac
#d8acbc
1.37
#7a093a
#543c4c
1.1

Tavolozza immagini Design flat ui ux hex colors png

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