Loading...
Creato a 11/25/2022 21:16
  57

Ui website design web palette

  • Sandstorm
    #f1ca3d
  • Sunny
    #f5fb7d
  • Antique Bronze
    #685e1c
  • Ginger Tea
    #b29d76
  • Dark Vanilla
    #cec2b0
  • Mughal Green
    #3c562c
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Sandstorm #f1ca3d e Sunny #f5fb7d. La tavolozza ha la temperatura del colore Caldo, Neutro.

Per luminosità, la tavolozza va da #3C562C (più scuro) a #CEC2B0 (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): #3C562C, #685E1C, #B29D76, #CEC2B0, #F1CA3D, #F5FB7D

La tavolozza Ui website design web palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #f1ca3d, RGB: (241, 202, 61); ESADECIMALE: #f5fb7d, RGB: (245, 251, 125); ESADECIMALE: #685e1c, RGB: (104, 94, 28)
ESADECIMALE: #b29d76, RGB: (178, 157, 118); ESADECIMALE: #cec2b0, RGB: (206, 194, 176); ESADECIMALE: #3c562c, RGB: (60, 86, 44)
Versione semplificata della tavolozza dei colori
Tonalità di gold, Ombra di Cachi, Tonalità di darkolivegreen, Tonalità di tan, Ombra di tan, Tonalità di darkolivegreen
La combinazione di colori è stata creata da raccoon

Codici colori nella tavolozza

Ui website design web palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f1ca3d #f1ca3d RGB(241, 202, 61)Sandstorm
#f5fb7d #f5fb7d RGB(245, 251, 125)Sunny
#685e1c #685e1c RGB(104, 94, 28)Antique Bronze
#b29d76 #b29d76 RGB(178, 157, 118)Ginger Tea
#cec2b0 #cec2b0 RGB(206, 194, 176)Dark Vanilla
#3c562c #3c562c RGB(60, 86, 44)Mughal Green

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
#f1ca3d
#f5fb7d
1.43
#f1ca3d
#b29d76
1.66
#f1ca3d
#cec2b0
1.1
#f5fb7d
#cec2b0
1.58
#685e1c
#3c562c
1.25
#b29d76
#cec2b0
1.5

Tavolozza immagini Ui website design web palette png

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