Genera tavolozza
  1. Tavolozze di colori
  2. WebGL Motion Interaction Theme

WebGL Motion Interaction Theme

  • Canvas Indigo
    #3f51b5
  • Render Lime
    #dce775
  • Depth Black
    #263238
  • Light Bounce Pink
    #f8bbd0
  • Frame Cloud
    #eceff1
  • Parallax Cyan
    #00acc1
  6
Creato il 07/25/2025 07:59
dicolorscheme
La tavolozza è composta da Semi scuro, Chiaro, Scuro colori. Colori d'accento Light Bounce Pink #f8bbd0 e Parallax Cyan #00acc1. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #263238 (più scuro) a #ECEFF1 (più chiaro). L’intervallo di luminosità è ampio.

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 (3 su 6).

Codici HEX (ordinati): #00ACC1, #263238, #3F51B5, #DCE775, #ECEFF1, #F8BBD0

La tavolozza WebGL Motion Interaction Theme combina 6 codici colore:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #dce775, RGB: (220, 231, 117); HEX: #263238, RGB: (38, 50, 56)
HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #eceff1, RGB: (236, 239, 241); HEX: #00acc1, RGB: (0, 172, 193)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu ardesia, Sfumatura di Cachi, Sfumatura di Grigio ardesia scuro, Sfumatura di Rosa, Sfumatura di Fumo bianco, Sfumatura di Blu cadetto
La combinazione di colori è stata creata da colorscheme

Codici colori nella tavolozza

WebGL Motion Interaction Theme codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#3f51b5 #3f51b5 RGB(63, 81, 181)Canvas Indigo—
#dce775 #dce775 RGB(220, 231, 117)Render Lime—
#263238 #263238 RGB(38, 50, 56)Depth Black—
#f8bbd0 #f8bbd0 RGB(248, 187, 208)Light Bounce Pink—
#eceff1 #eceff1 RGB(236, 239, 241)Frame Cloud—
#00acc1 #00acc1 RGB(0, 172, 193)Parallax Cyan—

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
#3f51b5
#263238
1.91
#dce775
#f8bbd0
1.2
#dce775
#eceff1
1.15
#f8bbd0
#eceff1
1.39
#f8bbd0
#00acc1
1.69

Tavolozza immagini WebGL Motion Interaction Theme png

WebGL Motion Interaction Theme tavolozza dei colori: Canvas Indigo, Render Lime, Depth Black, Light Bounce Pink, Frame Cloud
 Scarica l'immagine