Genera tavolozza
  1. Tavolozze di colori
  2. Mathematical UX Toolkit for Web

Mathematical UX Toolkit for Web

  • Function Blue
    #42a5f5
  • Input Cream
    #fffde7
  • Output Green
    #81c784
  • Variable Pink
    #f8bbd0
  • Axis Charcoal
    #37474f
  • Sigma Gray
    #e0e0e0
  6
Creato il 07/25/2025 08:12
dicolorstudio
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Function Blue #42a5f5 e Input Cream #fffde7. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #37474F (più scuro) a #FFFDE7 (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): #37474F, #42A5F5, #81C784, #E0E0E0, #F8BBD0, #FFFDE7

La tavolozza Mathematical UX Toolkit for Web combina 6 codici colore:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #fffde7, RGB: (255, 253, 231); HEX: #81c784, RGB: (129, 199, 132)
HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #37474f, RGB: (55, 71, 79); HEX: #e0e0e0, RGB: (224, 224, 224)
Versione semplificata della tavolozza dei colori
Tinta di Blu Dodger, Tinta di Beige, Tinta di Verde mare scuro, Sfumatura di Rosa, Sfumatura di Grigio ardesia scuro, Tinta di Gainsboro
La combinazione di colori è stata creata da colorstudio

Codici colori nella tavolozza

Mathematical UX Toolkit for Web codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#42a5f5#42a5f5RGB(66, 165, 245)Function Blue—
#fffde7#fffde7RGB(255, 253, 231)Input Cream—
#81c784#81c784RGB(129, 199, 132)Output Green—
#f8bbd0#f8bbd0RGB(248, 187, 208)Variable Pink—
#37474f#37474fRGB(55, 71, 79)Axis Charcoal—
#e0e0e0#e0e0e0RGB(224, 224, 224)Sigma GrayGray88

Contrasto della palette di colori

8 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
Colore del testoColore di sfondoRapporto di contrasto
#42a5f5
#81c784
1.31
#42a5f5
#f8bbd0
1.64
#fffde7
#81c784
1.96
#fffde7
#f8bbd0
1.57
#fffde7
#e0e0e0
1.28
#81c784
#f8bbd0
1.24

Tavolozza immagini Mathematical UX Toolkit for Web png

Mathematical UX Toolkit for Web tavolozza dei colori: Function Blue, Input Cream, Output Green, Variable Pink, Axis Charcoal
 Scarica l'immagine