Creato a 02/09/2023 11:29
  62

Graphic design interaction ui web colors palette

  • Jonquil
    #f6d621
  • Dandelion (Crayola)
    #f2dc6f
  • Imperial
    #5f246e
  • Blue-Violet (Crayola)
    #6c5cb4
  • Middle Blue Purple
    #9268b9
  • Gunmetal
    #2c2c3a
La tavolozza è composta da Leggero, Buio colori. Colori accentati Jonquil #f6d621 e Imperial #5f246e. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #2C2C3A (più scuro) a #F2DC6F (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): #2C2C3A, #5F246E, #6C5CB4, #9268B9, #F2DC6F, #F6D621

La tavolozza Graphic design interaction ui web colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #f6d621, RGB: (246, 214, 33); ESADECIMALE: #f2dc6f, RGB: (242, 220, 111); ESADECIMALE: #5f246e, RGB: (95, 36, 110)
ESADECIMALE: #6c5cb4, RGB: (108, 92, 180); ESADECIMALE: #9268b9, RGB: (146, 104, 185); ESADECIMALE: #2c2c3a, RGB: (44, 44, 58)
Versione semplificata della tavolozza dei colori
Ombra di gold, Tonalità di Cachi, Ombra di Viola, Tonalità di slateblue, Tonalità di mediumpurple, Ombra di Nero
La combinazione di colori è stata creata da colorhunt

Codici colori nella tavolozza

Graphic design interaction ui web colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f6d621 #f6d621 RGB(246, 214, 33)Jonquil
#f2dc6f #f2dc6f RGB(242, 220, 111)Dandelion (Crayola)
#5f246e #5f246e RGB(95, 36, 110)Imperial
#6c5cb4 #6c5cb4 RGB(108, 92, 180)Blue-Violet (Crayola)
#9268b9 #9268b9 RGB(146, 104, 185)Middle Blue Purple
#2c2c3a #2c2c3a RGB(44, 44, 58)Gunmetal

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
#f6d621
#f2dc6f
1.04
#5f246e
#6c5cb4
1.94
#5f246e
#2c2c3a
1.28
#6c5cb4
#9268b9
1.28

Tavolozza immagini Graphic design interaction ui web colors palette png