Loading...
Creato a 03/11/2023 09:59
  35

Ui ux design mobile app colours

  • Urobilin
    #d0b71e
  • Columbia Blue
    #c4dcec
  • Indigo (Rainbow)
    #1f295f
  • Cadet Blue (Crayola)
    #9cbcc8
  • Pastel Blue
    #accad6
  • Gray
    #444444
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Urobilin #d0b71e e Columbia Blue #c4dcec. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #1F295F (più scuro) a #C4DCEC (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).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #1F295F, #444444, #9CBCC8, #ACCAD6, #C4DCEC, #D0B71E

La tavolozza Ui ux design mobile app colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #d0b71e, RGB: (208, 183, 30); ESADECIMALE: #c4dcec, RGB: (196, 220, 236); ESADECIMALE: #1f295f, RGB: (31, 41, 95)
ESADECIMALE: #9cbcc8, RGB: (156, 188, 200); ESADECIMALE: #accad6, RGB: (172, 202, 214); ESADECIMALE: #444444, RGB: (68, 68, 68)
Versione semplificata della tavolozza dei colori
Ombra di goldenrod, Ombra di lightblue, Ombra di midnightblue, Tonalità di lightblue, Tonalità di lightblue, Tonalità di dimgrey
La combinazione di colori è stata creata da colorhunt

Codici colori nella tavolozza

Ui ux design mobile app colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#d0b71e #d0b71e RGB(208, 183, 30)Urobilin
#c4dcec #c4dcec RGB(196, 220, 236)Columbia Blue
#1f295f #1f295f RGB(31, 41, 95)Indigo (Rainbow)
#9cbcc8 #9cbcc8 RGB(156, 188, 200)Cadet Blue (Crayola)
#accad6 #accad6 RGB(172, 202, 214)Pastel Blue
#444444 #444444 RGB(68, 68, 68)GrayGoshawk Grey

Contrasto della palette di colori

7 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
#d0b71e
#c4dcec
1.41
#d0b71e
#9cbcc8
1
#d0b71e
#accad6
1.16
#c4dcec
#9cbcc8
1.41
#c4dcec
#accad6
1.21
#1f295f
#444444
1.39

Tavolozza immagini Ui ux design mobile app colours png

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