Loading...
Creato a 03/21/2023 09:46
  55

Design ui palette

  • Vivid Yellow
    #fbe405
  • Pastel Red
    #f4645f
  • Mustard Yellow
    #d1b310
  • Shadow
    #92785f
  • Silver Pink
    #c1a7a7
  • Royal Brown
    #543d2b
Loading...
La tavolozza è composta da Leggero colori. Colori accentati Vivid Yellow #fbe405 e Pastel Red #f4645f. La tavolozza ha la temperatura del colore Caldo, Neutro.

Per luminosità, la tavolozza va da #543D2B (più scuro) a #C1A7A7 (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): #543D2B, #92785F, #C1A7A7, #D1B310, #F4645F, #FBE405

La tavolozza Design ui palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #fbe405, RGB: (251, 228, 5); ESADECIMALE: #f4645f, RGB: (244, 100, 95); ESADECIMALE: #d1b310, RGB: (209, 179, 16)
ESADECIMALE: #92785f, RGB: (146, 120, 95); ESADECIMALE: #c1a7a7, RGB: (193, 167, 167); ESADECIMALE: #543d2b, RGB: (84, 61, 43)
Versione semplificata della tavolozza dei colori
Ombra di gold, Tonalità di salmon, Ombra di goldenrod, Tonalità di Grigio, Ombra di rosybrown, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorstudio

Codici colori nella tavolozza

Design ui palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#fbe405 #fbe405 RGB(251, 228, 5)Vivid Yellow
#f4645f #f4645f RGB(244, 100, 95)Pastel Red
#d1b310 #d1b310 RGB(209, 179, 16)Mustard Yellow
#92785f #92785f RGB(146, 120, 95)Shadow
#c1a7a7 #c1a7a7 RGB(193, 167, 167)Silver Pink
#543d2b #543d2b RGB(84, 61, 43)Royal Brown

Contrasto della palette di colori

7 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
#fbe405
#d1b310
1.59
#fbe405
#c1a7a7
1.73
#f4645f
#d1b310
1.48
#f4645f
#92785f
1.34
#f4645f
#c1a7a7
1.36
#d1b310
#c1a7a7
1.08

Tavolozza immagini Design ui palette png

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