Loading...
Creato a 04/18/2023 21:33
  67

Process vector sketch ui colors palette

  • Black
    #141414
  • White
    #ffffff
  • French Sky Blue
    #78b4ff
  • Anti-Flash White
    #f0f0f0
  • Beige
    #fffff0
  • Aero
    #78b4f0
Loading...
La tavolozza è composta da Buio, Leggero colori. Colori accentati French Sky Blue #78b4ff e Beige #fffff0. 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.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

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, #78B4F0, #78B4FF, #F0F0F0, #FFFFF0, #FFFFFF

La tavolozza Process vector sketch ui colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #141414, RGB: (20, 20, 20); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #78b4ff, RGB: (120, 180, 255)
ESADECIMALE: #f0f0f0, RGB: (240, 240, 240); ESADECIMALE: #fffff0, RGB: (255, 255, 240); ESADECIMALE: #78b4f0, RGB: (120, 180, 240)
Versione semplificata della tavolozza dei colori
Ombra di Nero, Bianco, Ombra di cornflowerblue, Tonalità di whitesmoke, Tonalità di lightskyblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Process vector sketch ui colors palette 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
#78b4ff #78b4ff RGB(120, 180, 255)French Sky Blue
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94
#fffff0 #fffff0 RGB(255, 255, 240)BeigeIvory
#78b4f0 #78b4f0 RGB(120, 180, 240)Aero

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
#ffffff
#f0f0f0
1.13
#ffffff
#fffff0
1
#78b4ff
#f0f0f0
1.88
#78b4ff
#78b4f0
1.01
#f0f0f0
#fffff0
1.12
#f0f0f0
#78b4f0
1.92

Tavolozza immagini Process vector sketch ui colors palette png

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