Genera tavolozza
  1. Tavolozze di colori
  2. Design app ui ux palette

Design app ui ux palette

  • #e84f4f
  • #ea9696
  • #601e08
  • #5474b4
  • #b2c0ca
  • #34444c
  0.17k
Creato il 12/01/2021 02:32
dicolorswall
La tavolozza è composta da Chiaro, Scuro, Semi scuro colori. Colori d'accento #601e08 e #5474b4. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #601E08 (più scuro) a #B2C0CA (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — 2 smorzati e 3 vivaci su 6 colori.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Note calde e fredde sono abbastanza bilanciate (3 calde, 3 fredde).

Codici HEX (ordinati): #34444C, #5474B4, #601E08, #B2C0CA, #E84F4F, #EA9696

La tavolozza Design app ui ux palette combina 6 codici colore:
HEX: #e84f4f, RGB: (232, 79, 79); HEX: #ea9696, RGB: (234, 150, 150); HEX: #601e08, RGB: (96, 30, 8)
HEX: #5474b4, RGB: (84, 116, 180); HEX: #b2c0ca, RGB: (178, 192, 202); HEX: #34444c, RGB: (52, 68, 76)
Versione semplificata della tavolozza dei colori
Sfumatura di Rosso indiano, Tinta di Corallo chiaro, Tinta di Bordeaux, Tinta di Blu reale, Sfumatura di Blu acciaio chiaro, Sfumatura di Grigio ardesia scuro
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design app ui ux palette codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#e84f4f #e84f4f RGB(232, 79, 79)——
#ea9696 #ea9696 RGB(234, 150, 150)——
#601e08 #601e08 RGB(96, 30, 8)——
#5474b4 #5474b4 RGB(84, 116, 180)——
#b2c0ca #b2c0ca RGB(178, 192, 202)——
#34444c #34444c RGB(52, 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
#e84f4f
#ea9696
1.64
#e84f4f
#5474b4
1.24
#e84f4f
#b2c0ca
1.99
#ea9696
#b2c0ca
1.21
#601e08
#34444c
1.23

Tavolozza immagini Design app ui ux palette png

Design app ui ux palette: #e84f4f, #ea9696, #601e08, #5474b4, #b2c0ca, #34444c
 Scarica l'immagine