Loading...
Creato a 02/18/2023 21:04
  76

Product design app ui colors

  • Gray (HTML/CSS Gray)
    #7f7f7f
  • Gray (X11)
    #bcbcbc
  • Gray
    #424242
  • Sonic Silver
    #747474
  • Charleston Green
    #2c2c2c
  • Shoe Wax
    #2c2c2c
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Gray (HTML/CSS Gray) #7f7f7f e Gray (X11) #bcbcbc. La tavolozza ha la temperatura del colore Neutro.

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

La saturazione complessiva risulta per lo più smorzata (croma basso).

La maggior parte dei colori è quasi neutra o a bassissima saturazione; le relazioni tra toni sono sottili.

La maggior parte dei campioni risulta neutra in temperatura.

Codici HEX (ordinati): #2C2C2C, #424242, #747474, #7F7F7F, #BCBCBC

La tavolozza Product design app ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #7f7f7f, RGB: (127, 127, 127); ESADECIMALE: #bcbcbc, RGB: (188, 188, 188); ESADECIMALE: #424242, RGB: (66, 66, 66)
ESADECIMALE: #747474, RGB: (116, 116, 116); ESADECIMALE: #2c2c2c, RGB: (44, 44, 44); ESADECIMALE: #2c2c2c, RGB: (44, 44, 44)
Versione semplificata della tavolozza dei colori
Tonalità di Grigio, Tonalità di Argento, Tonalità di darkslategrey, Ombra di dimgrey, Ombra di Nero, Ombra di Nero
La combinazione di colori è stata creata da palettespicker

Codici colori nella tavolozza

Product design app ui colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#7f7f7f #7f7f7f RGB(127, 127, 127)Gray (HTML/CSS Gray)Gray50
#bcbcbc #bcbcbc RGB(188, 188, 188)Gray (X11)
#424242 #424242 RGB(66, 66, 66)GrayBlack Panther
#747474 #747474 RGB(116, 116, 116)Sonic Silver
#2c2c2c #2c2c2c RGB(44, 44, 44)Charleston Green
#2c2c2c #2c2c2c RGB(44, 44, 44)Shoe Wax

Contrasto della palette di colori

4 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
#7f7f7f
#747474
1.16
#424242
#2c2c2c
1.38
#424242
#2c2c2c
1.38
#2c2c2c
#2c2c2c
1

Tavolozza immagini Product design app ui colors png

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