Genera tavolozza
  1. Tavolozze di colori
  2. Interaction interface design ui palette

Interaction interface design ui palette

  • Royal Orange
    #ec9c3d
  • Mellow Apricot
    #f0bc6f
  • Space Cadet
    #163959
  • Dark Lavender
    #745995
  • Pastel Blue
    #b5ccd6
  • Police Blue
    #3b5765
  0.13k
Creato il 02/22/2022 11:47
dicolorswall
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Royal Orange #ec9c3d e Space Cadet #163959. La tavolozza ha la temperatura del colore Caldo, Freddo.

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

Saturazione mista — 2 smorzati e 3 vivaci su 6 colori.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Complessivamente la temperatura tende al freddo (4 su 6).

Codici HEX (ordinati): #163959, #3B5765, #745995, #B5CCD6, #EC9C3D, #F0BC6F

La tavolozza Interaction interface design ui palette combina 6 codici colore:
HEX: #ec9c3d, RGB: (236, 156, 61); HEX: #f0bc6f, RGB: (240, 188, 111); HEX: #163959, RGB: (22, 57, 89)
HEX: #745995, RGB: (116, 89, 149); HEX: #b5ccd6, RGB: (181, 204, 214); HEX: #3b5765, RGB: (59, 87, 101)
Versione semplificata della tavolozza dei colori
Sfumatura di Marrone sabbia, Tinta di Legno, Sfumatura di Blu ardesia scuro, Sfumatura di Blu ardesia, Sfumatura di Blu chiaro, Tinta di Grigio ardesia scuro
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Interaction interface design ui palette codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#ec9c3d #ec9c3d RGB(236, 156, 61)Royal Orange—
#f0bc6f #f0bc6f RGB(240, 188, 111)Mellow Apricot—
#163959 #163959 RGB(22, 57, 89)Space Cadet—
#745995 #745995 RGB(116, 89, 149)Dark Lavender—
#b5ccd6 #b5ccd6 RGB(181, 204, 214)Pastel Blue—
#3b5765 #3b5765 RGB(59, 87, 101)Police Blue—

Contrasto della palette di colori

5 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
#ec9c3d
#f0bc6f
1.29
#ec9c3d
#b5ccd6
1.33
#f0bc6f
#b5ccd6
1.03
#163959
#3b5765
1.55
#745995
#3b5765
1.31

Tavolozza immagini Interaction interface design ui palette png

Interaction interface design ui palette: Royal Orange, Mellow Apricot, Space Cadet, Dark Lavender, Pastel Blue, Police Blue
 Scarica l'immagine