Loading...
Creato a 12/09/2022 11:12
  0.11k

Ui product design branding ux colors palette

  • Meat Brown
    #eaa33a
  • Gold (Crayola)
    #e2ce97
  • Sepia
    #774c0c
  • Gray (HTML/CSS Gray)
    #7c7c7c
  • Lavender Gray
    #c7bdca
  • Gray
    #444444
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Meat Brown #eaa33a e Sepia #774c0c. La tavolozza ha la temperatura del colore Caldo, Neutro.

Per luminosità, la tavolozza va da #774C0C (più scuro) a #C7BDCA (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): #444444, #774C0C, #7C7C7C, #C7BDCA, #E2CE97, #EAA33A

La tavolozza Ui product design branding ux colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #eaa33a, RGB: (234, 163, 58); ESADECIMALE: #e2ce97, RGB: (226, 206, 151); ESADECIMALE: #774c0c, RGB: (119, 76, 12)
ESADECIMALE: #7c7c7c, RGB: (124, 124, 124); ESADECIMALE: #c7bdca, RGB: (199, 189, 202); ESADECIMALE: #444444, RGB: (68, 68, 68)
Versione semplificata della tavolozza dei colori
Tonalità di Arancia, Tonalità di wheat, Tonalità di saddlebrown, Tonalità di Grigio, Tonalità di thistle, Tonalità di dimgrey
La combinazione di colori è stata creata da palettespicker

Codici colori nella tavolozza

Ui product design branding ux colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#eaa33a #eaa33a RGB(234, 163, 58)Meat Brown
#e2ce97 #e2ce97 RGB(226, 206, 151)Gold (Crayola)
#774c0c #774c0c RGB(119, 76, 12)Sepia
#7c7c7c #7c7c7c RGB(124, 124, 124)Gray (HTML/CSS Gray)
#c7bdca #c7bdca RGB(199, 189, 202)Lavender Gray
#444444 #444444 RGB(68, 68, 68)GrayGoshawk Grey

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
#eaa33a
#e2ce97
1.37
#eaa33a
#7c7c7c
1.94
#eaa33a
#c7bdca
1.17
#e2ce97
#c7bdca
1.16
#774c0c
#7c7c7c
1.78
#774c0c
#444444
1.3

Tavolozza immagini Ui product design branding ux colors palette png

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