Loading...
Creato a 05/31/2022 11:13
  0.13k

Interface website ui builder

  • Royal Purple
    #7a47b7
  • Soap
    #d8c9ea
  • Jacarta
    #3f255f
  • Philippine Gray
    #8c8c8c
  • Beige
    #c4c4bc
  • Black Olive
    #404040
Loading...
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Royal Purple #7a47b7 e Beige #c4c4bc. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #404040 (più scuro) a #D8C9EA (più chiaro). L’intervallo di luminosità è ampio.

La saturazione è in una fascia media.

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

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #3F255F, #404040, #7A47B7, #8C8C8C, #C4C4BC, #D8C9EA

La tavolozza Interface website ui builder ha una combinazione di colori dei codici 6:
ESADECIMALE: #7a47b7, RGB: (122, 71, 183); ESADECIMALE: #d8c9ea, RGB: (216, 201, 234); ESADECIMALE: #3f255f, RGB: (63, 37, 95)
ESADECIMALE: #8c8c8c, RGB: (140, 140, 140); ESADECIMALE: #c4c4bc, RGB: (196, 196, 188); ESADECIMALE: #404040, RGB: (64, 64, 64)
Versione semplificata della tavolozza dei colori
Ombra di darkorchid, Ombra di thistle, Ombra di midnightblue, Ombra di Grigio, Ombra di Argento, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Interface website ui builder codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#7a47b7 #7a47b7 RGB(122, 71, 183)Royal Purple
#d8c9ea #d8c9ea RGB(216, 201, 234)Soap
#3f255f #3f255f RGB(63, 37, 95)Jacarta
#8c8c8c #8c8c8c RGB(140, 140, 140)Philippine GrayGray55
#c4c4bc #c4c4bc RGB(196, 196, 188)BeigeMist Grey
#404040 #404040 RGB(64, 64, 64)Black OliveGray25

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
#7a47b7
#8c8c8c
1.82
#7a47b7
#404040
1.68
#d8c9ea
#c4c4bc
1.12
#3f255f
#404040
1.23
#8c8c8c
#c4c4bc
1.91

Tavolozza immagini Interface website ui builder png

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