Genera tavolozza
  1. Tavolozze di colori
  2. JavaScript Dashboard Flow State

JavaScript Dashboard Flow State

  • Logic Mint
    #aaf0d1
  • Variable Ink
    #1a1a1a
  • UI Panel Grey
    #d9d9d9
  • Breakpoint Coral
    #ff6f61
  • Form Element Blue
    #4682b4
  • UX Paper White
    #ffffff
  16
Creato il 07/07/2025 17:23
dicolorday
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Logic Mint #aaf0d1 e Breakpoint Coral #ff6f61. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

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

Saturazione mista — 3 smorzati e 2 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 (2 su 6).

Codici HEX (ordinati): #1A1A1A, #4682B4, #AAF0D1, #D9D9D9, #FF6F61, #FFFFFF

La tavolozza JavaScript Dashboard Flow State combina 6 codici colore:
HEX: #aaf0d1, RGB: (170, 240, 209); HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #d9d9d9, RGB: (217, 217, 217)
HEX: #ff6f61, RGB: (255, 111, 97); HEX: #4682b4, RGB: (70, 130, 180); HEX: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Tinta di Acquamarina, Tinta di Nero, Sfumatura di Gainsboro, Sfumatura di Salmone, Blu acciaio, Bianco
La combinazione di colori è stata creata da colorday

Codici colori nella tavolozza

JavaScript Dashboard Flow State codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#aaf0d1 #aaf0d1 RGB(170, 240, 209)Logic MintMagic Mint
#1a1a1a #1a1a1a RGB(26, 26, 26)Variable InkGray10
#d9d9d9 #d9d9d9 RGB(217, 217, 217)UI Panel GreyGray85
#ff6f61 #ff6f61 RGB(255, 111, 97)Breakpoint CoralLiving Coral
#4682b4 #4682b4 RGB(70, 130, 180)Form Element BlueSteelblue
#ffffff #ffffff RGB(255, 255, 255)UX Paper WhiteWhite

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
#aaf0d1
#d9d9d9
1.08
#aaf0d1
#ffffff
1.3
#d9d9d9
#ff6f61
1.93
#d9d9d9
#ffffff
1.41
#ff6f61
#4682b4
1.5

Tavolozza immagini JavaScript Dashboard Flow State png

JavaScript Dashboard Flow State tavolozza dei colori: Logic Mint, Variable Ink, UI Panel Grey, Breakpoint Coral
 Scarica l'immagine