Loading...
Creato a 03/08/2023 09:50
  56

Illustrator design ux mockups hex colors

  • #0c83f1
  • Baby Blue Eyes
    #a1cbe7
  • True Blue
    #0a74d4
  • Cinereous
    #948074
  • Silver Pink
    #ccb4ac
  • Arsenic
    #3c3c44
Loading...
La tavolozza è composta da Leggero colori. Colori accentati True Blue #0a74d4 e Silver Pink #ccb4ac. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #3C3C44 (più scuro) a #A1CBE7 (più chiaro). L’intervallo di luminosità è moderato.

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).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #0A74D4, #0C83F1, #3C3C44, #948074, #A1CBE7, #CCB4AC

La tavolozza Illustrator design ux mockups hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #0c83f1, RGB: (12, 131, 241); ESADECIMALE: #a1cbe7, RGB: (161, 203, 231); ESADECIMALE: #0a74d4, RGB: (10, 116, 212)
ESADECIMALE: #948074, RGB: (148, 128, 116); ESADECIMALE: #ccb4ac, RGB: (204, 180, 172); ESADECIMALE: #3c3c44, RGB: (60, 60, 68)
Versione semplificata della tavolozza dei colori
Tonalità di dodgerblue, Ombra di lightskyblue, Tonalità di steelblue, Ombra di Grigio, Tonalità di Argento, Tonalità di dimgrey
La combinazione di colori è stata creata da colorhunt

Codici colori nella tavolozza

Illustrator design ux mockups hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#0c83f1 #0c83f1 RGB(12, 131, 241)
#a1cbe7 #a1cbe7 RGB(161, 203, 231)Baby Blue Eyes
#0a74d4 #0a74d4 RGB(10, 116, 212)True Blue
#948074 #948074 RGB(148, 128, 116)Cinereous
#ccb4ac #ccb4ac RGB(204, 180, 172)Silver Pink
#3c3c44 #3c3c44 RGB(60, 60, 68)Arsenic

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
#0c83f1
#0a74d4
1.23
#0c83f1
#948074
1.01
#0c83f1
#ccb4ac
1.93
#a1cbe7
#ccb4ac
1.14
#0a74d4
#948074
1.25
#948074
#ccb4ac
1.9

Tavolozza immagini Illustrator design ux mockups hex colors png

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