Loading...
Creato a 07/24/2023 08:10
  52

Progress 3d illustration web template ux colors

  • Black
    #141414
  • White
    #ffffff
  • Bone
    #dcdcc8
  • Black
    #282828
  • Cadet Blue (Crayola)
    #b4b4c8
  • Pastel Blue
    #b4c8c8
Loading...
La tavolozza è composta da Buio, Leggero colori. Colori accentati Bone #dcdcc8 e Pastel Blue #b4c8c8. La tavolozza ha la temperatura del colore Neutro, Freddo.

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

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

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

La maggior parte dei campioni risulta neutra in temperatura.

Codici HEX (ordinati): #141414, #282828, #B4B4C8, #B4C8C8, #DCDCC8, #FFFFFF

La tavolozza Progress 3d illustration web template ux colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #141414, RGB: (20, 20, 20); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #dcdcc8, RGB: (220, 220, 200)
ESADECIMALE: #282828, RGB: (40, 40, 40); ESADECIMALE: #b4b4c8, RGB: (180, 180, 200); ESADECIMALE: #b4c8c8, RGB: (180, 200, 200)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Bianco, Tonalità di beige, Ombra di Nero, Tonalità di lightsteelblue, Tonalità di lightblue
La combinazione di colori è stata creata da colorslib

Codici colori nella tavolozza

Progress 3d illustration web template ux colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#141414 #141414 RGB(20, 20, 20)BlackSooty
#ffffff #ffffff RGB(255, 255, 255)White
#dcdcc8 #dcdcc8 RGB(220, 220, 200)Bone
#282828 #282828 RGB(40, 40, 40)BlackDire Wolf
#b4b4c8 #b4b4c8 RGB(180, 180, 200)Cadet Blue (Crayola)
#b4c8c8 #b4c8c8 RGB(180, 200, 200)Pastel Blue

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
#141414
#282828
1.24
#ffffff
#dcdcc8
1.38
#ffffff
#b4c8c8
1.74
#dcdcc8
#b4b4c8
1.46
#dcdcc8
#b4c8c8
1.25
#b4b4c8
#b4c8c8
1.16

Tavolozza immagini Progress 3d illustration web template ux colors png

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